1.基本選擇器

　　* -> 所有標簽

　　#id ->id選擇器

　　.class -> 類選擇器

　　h1,h2 -> 組合選擇器

2.層級選擇器

　　祖先A 後代 -> 祖先A的多有後代

　　parent>children ->parent 的所有children

　　prev+ ->prev的下一個兄弟元素 （平級）

　　prev~ -> prev的後面所有兄弟（平級）

　　　<div id=‘div1‘>
　　　　　<p>111</p>
　　　　　<p>222</p>

　　$(‘#div1 p‘).css({‘color‘:‘#00f‘}); //111 222 333 444
　　$(‘#div1>p‘).css({‘color‘:‘#00f‘}); //111 222

　　$(‘#div1~‘).css({‘color‘:‘#00f‘}); //555

　　$(‘#div1~‘).css({‘color‘:‘#00f‘}); //555 666

3.基礎選擇器

　　:first ->第一個

　　:last -> 最後一個

　　:not -> 除了

　　:even -> 偶數（註意這裏的偶數指的是下標，從零開始包含零）

　　:odd -> 奇數 （同上）

　　:eq -> 等於

　　:gt -> 大於

　　:lt -> 小於

　　<h2>111</h2>
　　<h2>222</h2>
　　<h2>333</h2>
　　<h2>444</h2>

　　$(‘h2:first‘).css({‘color‘:‘#00f‘});　　 //111
　　$(‘h2:last‘).css({‘color‘:‘#00f‘}); 　　 //555
　　$(‘h2:even‘).css({‘color‘:‘#00f‘});　　 //111 333 555
　　$(‘h2:odd‘).css({‘color‘:‘#00f‘});　　 //222 444
　　$(‘h2:eq(2)‘).css({‘color‘:‘#00f‘});　　 // 333
　　$(‘h2:gt(1)‘).css({‘color‘:‘#00f‘});　　 //222 333 444
　　$(‘h2:lt(1)‘).css({‘color‘:‘#00f‘});　　 //111

4.內容選擇器　

　　　:has(a) -> 含有a標簽的

　　　:parent() ->內容不為空的（標簽內部有回車換行則不為空）

　　　:empty() ->內容為空的 （標簽內部有回車換行則不為空）

5.屬性選擇器

2018-06-26 jq選擇器