一、元素選擇器
jQuery 元素選擇器基於元素名選取元素。
在頁面中選取所有 <p> 元素:
$("p")
二、id選擇器
id選擇器通過 HTML 元素的 id 屬性選取指定的元素。
頁面中元素的 id 應該是唯一的，所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。
$("#test")
三、.class 選擇器
jQuery 類選擇器可以通過指定的 class 查找元素。
語法如下：
$(".test") //選擇所有class=test 的元素
四、層級選擇器
1.Ancestor descendant: 在給定的祖先元素下匹配所有的后代元素(兒子、孫子、重孫子)
2.parent > child : 在給定的父元素下匹配所有的子元素(兒子)
3.prev + next: 匹配所有緊接在 prev 元素后的 next 元素(緊挨着的，同桌)
4.prev ~ siblings: 匹配 prev 元素之后的所有 siblings 元素(兄弟)
$("body div")：選擇body中所有的div元素
$("body>div")：選擇body中第一級的div孩子
$("#two+div")：選擇id為two的元素的下一個div元素
$("#one~div")：選擇id為one的所有的兄弟div元素
五、基本過濾選擇器
$('li').first() 等價於 $(“li:first”)
$("div:first")：選擇第一個div元素
$("div:last") ：選擇最后一個div元素
$("body div:odd") :選擇body元素下所有序號為奇數的div
$("body>div:even"):選擇body元素下第一級的孩子中 序號為偶數的div
六、屬性選擇器
$("div[id]") ：選擇有id屬性的div
$("div[id='two']") ：選擇有id屬性且屬性值為two的div元素
$("input[name^='news']")：查找所有 name 以 'news' 開始的input元素