jQuery 選擇器

id

$("#aa").    若是選擇器中包含特殊字符，能夠用兩個斜槓轉義     $("#foo\\:bar")    

<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>

#foo\\:bar
#foo\\[bar\\]
#foo\\.bar


元素

<div>DIV1</div>
<div>DIV2</div>

$("div");      div元素

類
$(".aa")

* 匹配全部的元素

將每個選擇器匹配到的元素合併後一塊兒返回。

你能夠指定任意多個選擇器，並將匹配到的元素合併到一個結果內。

$("div p")    匹配div下的全部p元素
$("div>p")     匹配div下一級的p元素

$("div+p")     匹配div後面的一個p元素

$("div~p")     匹配div後面的全部同級的p元素
;$("div,span,p.myClass")$('li:first')

$('li:last')

$("input:not(:checked)")    匹配未選中的input元素

：even   匹配全部索引值爲偶數的元素，從 0 開始計數，

查找表格的一、三、5...行（即索引值0、二、4...）

$("tr:odd")
$("tr:eq(1)")匹配一個給定索引值的元素,從 0 開始計數

$("tr:gt(0)")匹配全部大於給定索引值的元素,從 0 開始計數
$("tr:lt(0)")匹配全部小於給定索引值的元素,從 0 開始計數

$(":header").css()   匹配標題元素 h1,h2,h3$("tr:even")

$("div:not(:animated)").animate({ left: "+=20" }, 1000); :animated 匹配正在執行動畫的元素，前面加not 就是沒執行動畫的元素

匹配全部不包含子元素或者文本的空元素$("div:contains('John')")    匹配包含給定文本的元素     匹配div中有John文本的元素
$("td:empty")

$("div:has(p)").addClass("test");    匹配含有子元素的元素

匹配含有子元素或者文本的元素$("td:parent")

匹配全部不可見元素，或者type爲hidden的元素$("tr:hidden")

匹配全部的可見元素$("tr:visible")

$("div[id]")      匹配含有id屬性的div元素

$("input[name='newsletter']").attr("checked", true);匹配給定的屬性是某個特定值的元素

匹配全部不含有指定的屬性，或者屬性不等於特定值的元素。$("input[name!='newsletter']").attr("checked", true);

匹配給定的屬性是以某些值開始的元素$("input[name^='news']")

$("input[name$='letter']")    匹配給定的屬性是以某些值結尾的元素
$("input[name*='man']") 匹配給定的屬性是以包含某些值的元素$("input[name*='man']") 匹配給定的屬性是以包含某些值的元素

$("input[id][name$='man']")

$("ul li:first-child") 匹配ul 下面的第一個子元素

匹配最後一個子元素

$("ul li:last-child")

$("ul li:nth-child(2)")

匹配其父元素下的第N個子或奇偶元素

':eq(index)' 只匹配一個元素，而這個將爲每個父元素匹配子元素。:nth-child從1開始的，而:eq()是從0算起的！能夠使用:

nth-child(even)<br>:nth-child(odd)<br>:nth-child(3n)<br>:nth-child(2)<br>:nth-child(3n+1)<br>:nth-child(3n+2)

若是某個元素是父元素中惟一的子元素，那將會被匹配，若是父元素中含有其餘元素，那將不會被匹配。$("ul li:only-child")

$(":input")   匹配input元素
$(":text")
$(":password")  
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")

$("tr:hidden")匹配全部不可見元素，或者type爲hidden的元素

全部可用元素$("input:enabled")

匹配全部不可用元素

$("input:disabled")

匹配全部選中的被選中元素(複選框、單選框等，不包括select中的option)$("input:checked")

匹配全部選中的option元素$("select option:selected")