jQuery選擇器表

表格可以幫助我們更好地理解jQuery選擇器的使用。</br>
選擇器語法     描述     示例</br>
$("*")           選取所有元素     $("*")</br>
$("#id")         選取id為“id”的元素   $("#myId")</br>
$(".class")      選取class含有“class”的元素   $(".myClass")</br>
$("element")     選取所有“element”元素  $("div")</br>
$("element,element")    選取所有“element”和“element”元素  $("div,p")</br>
$("parent>child")      選取父元素為“parent”的“child”元素  $("ul>li")</br>
$("prev~siblings")    選取“prev”元素之后的所有“siblings”元素   $("ul~p")</br>
$("prev+sibling")     選取“prev”元素之后的“sibling”元素  $("ul+p")</br>
$(":first")           選取第一個元素  $("p:first")</br>
$(":last")            選取最后一個元素   $("p:last")</br>
$(":not(selector)")  選取非“selector” 元素   $(":not(p)")</br>
$(":even")            選取偶數索引元素   $("tr:even")</br>
$(":odd")             選取奇數索引元素   $("tr:odd")</br>
$(":eq(index)")       選取索引值為“index”的元素   $("ul li:eq(2)")</br>
$(":gt(no)")          選取索引值大于“no”的元素   $("ul li:gt(2)")</br>
$(":lt(no)")          選取索引值小于“no”的元素   $("ul li:lt(2)")</br>
$(":header")          選取所有標題元素   $(":header")</br>
$(":animated")        選取所有正在執行動畫效果的元素  $(":animated")</br>
$("expr:has(selector)") 選取包含“selector”元素的“expr”元素   $("div:has(p)")</br>
$("parent:contains(text)")   選取包含文本“text”元素的“parent”元素     $("div:contains('Hello')")</br>