abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="jquery-3.3.1.min.js">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
//基本選擇器
// $('#id')根據(jù)給定的ID來匹配到元素
// $('.class名')根據(jù)給定的class來匹配元素
// $('element')根據(jù)給定的標簽名來匹配到元素
// $('*')匹配所有的元素
// $('#id,.class名,element')匹配到頁面中多個選擇器
//層級選擇器
//給定的父級元素下匹配所有的子元素：$('父級元素>子集元素')
//給定的祖先元素下匹配所有的后代元素：$('祖先元素 后代元素')
//匹配緊跟在prev元素后面的next元素：$('prev + next')(同級元素)
//匹配prev元素后面所有的siblings元素：$('prevsiblings')
//順序選擇器
// $(':first')第一個元素
// $(':last')最后一個元素
// 比較
// $(':gt(x)')表示大于值x的元素
// $(':lt(x)')表示小于值X的元素
// $(":eq(x)")表示等于值x的元素
// $(':odd')奇數(shù)順序
// $(':eveb')偶數(shù)順序
// $(':not(selector)')匹配不是sleector的所有元素
//內(nèi)容選擇器
// $(':contains(text)')匹配包含給定文本（text）的元素
// $(':has(selector)')p匹配包含特定選擇器元素的元素
// $(':empty')匹配不含有內(nèi)容的元素（即 不包含子元素或者文本的空元素）
// $(':parent')匹配含有子元素或者文本的元素
//屬性選擇器
//$('[屬性名]')匹配包含給定屬性元素
// $(document).ready(function(){
// // $('ul>li').css('list-style','none')
// // $('ul li').css('border','1px solid red')
// })
表單選擇器
$(':enabled')所有激活的input元素（可以使用的input元素）
$(':disabled')所有禁用的input元素（不可以使用的input元素）
$(':selected')所有被選取的元素，針對于select元素
$(':checked')所有被選中的input元素
// $(document).ready(function(){
// //$(':enabled').css('background','pink');
// //$(':disabled').css('background','red');
// $(':selected').css('color','blue');
// })
</script>
<script type="text/javascript">
$(document).ready(function(){
//$("p:first").css('color','red');
//$("p:last").css('color','pink');
//$('p:gt(1)').css('font-size','40px');
//$('p:lt(2)').css('color','pink');
//$('p:eq(4)').css('color','blue');
// $('p:odd').css('background','#f1f1f1');
// $('p:even').css('background','pink');
// $('p:not(#box)').css('font-size','10px');
})
</script>
</head>
<body>
<div>
<p id="box">11</p>
<p>22</p>
<p>33</p>
<p>44</p>
<p>55</p>
<p>66</p>
<p>77</p>
</div>
<form>
<ul>
<li><input type="text" name="" disabled="disabled"></li>
<li><input type="text" name=""></li>
<li><input type="text" name=""></li>
<li><input type="text" name=""></li>
<li><input type="text" name=""></li>
<li><input type="text" name=""></li>
<li>
<select name="">
<option value="">1</option>
<option value="">2</option>
<option value="" selected>3</option>
<option value="">4</option>
</select>
</li>
<li>
愛好：
<input type="checkbox" name="">看書
<input type="checkbox" name="">游泳
<input type="checkbox" name="">打游戲。
</li>
</ul>
</form>
</body>
</html>
Korrigierender Lehrer：滅絕師太Korrekturzeit：2019-01-21 13:10:38
Zusammenfassung des Lehrers：完成的不錯！選擇器是jQuery重要的知識點，要好好掌握哦