摘要：<!DOCMENT TYPE> <head> <title>課后練習(xí)-jQuery選擇器</title> <style type="text/css"> .clear{clear:both;}
<!DOCMENT TYPE>
<head>
<title>課后練習(xí)-jQuery選擇器</title>
<style type="text/css">
.clear{clear:both;}
li{list-style:none;}
li{width: 100px;height: 40px;line-height:40px;float:left;}
form{width:600px;margin:0 auto;border:1px solid #333;margin-top:20px;}
</style>
<script src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function () {
$('li:first').css('color', '#f00');
$('li:eq(12)').css('color', '#e50');
$('li:odd').css('backgroundColor', '#eee');
$('li:contains(成都)').css('fontSize', '20px');
$('li:gt(17)').css('width', '200px');
$('li:has(i)').css('fontWeight', '700');
$('li:empty').css('background', '#ff0');
$('input,textarea,select').css('display', 'block');
$('input[type=text],input[type=password]').css('width', '200px');
$('input[type=text],input[type=password]').css('margin', '10px');
$('input[type=radio]').css('display', 'inline-block');
$(':selected').css('color', 'red');
});
</script>
</head>
<body>
<div id="area">
<div id="prov">
<h3>四川</h3>
<div class="city">
<ul>
<li>成都</li>
<li>自貢</li>
<li>攀枝花</li>
<li>瀘州</li>
<li>德陽</li>
<li>綿陽</li>
<li>廣元</li>
<li>遂寧</li>
<li>內(nèi)江</li>
<li>樂山</li>
<li><i>南充</i></li>
<li>眉山</li>
<li>宜賓</li>
<li>廣安</li>
<li>達(dá)州</li>
<li>雅安</li>
<li>巴中</li>
<li>資陽</li>
<li>阿壩藏族羌族自治州</li>
<li>甘孜藏族自治州</li>
<li></li>
<li>涼山彝族自治州</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<form>
<input type="text" name="user" value="123" />
<input type="password" name="pass" value="456" />
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
<textarea></textarea>
<select name="city">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>
<button>提交</button>
</form>
</body>
</html>
批改老師：韋小寶批改時(shí)間：2019-03-01 09:08:29
老師總結(jié)：寫的很不錯(cuò) jQuery中的選擇器還是比較好理解的 和css中使用的幾乎一樣