[jQuery]jQuery Selector種類

jQuery  Selector (選擇器)
1、基本
#id
根據給定的ID匹配一個元素。

element
根據給定的元素名匹配所有元素

.class
根據給定的類匹配元素。

*
匹配所有元素

selector1,selector2,selectorN
將每一個選擇器匹配到的元素合併後一起返回。

2、層級
ancestor descendant
在給定的祖先元素下匹配所有的後代元素

parent > child
在給定的父元素下匹配所有的子元素

prev + next
匹配所有緊接在prev 元素後的next 元素

prev ~ siblings
匹配prev 元素之後的所有siblings 元素

:first
獲取第一個元素

:last
獲取最後個元素

:not(selector)
去除所有與給定選擇器匹配的元素

:even
匹配所有索引值為偶數的元素，從0 開始計數

:odd
匹配所有索引值為奇數的元素，從0 開始計數

:eq(index)
匹配一個給定索引值的元素

:gt(index)
匹配所有大於給定索引值的元素

:lt(index)
匹配所有小於給定索引值的元素

:header
匹配如 h1, h2, h3之類的標題元素

:animated
匹配所有正在執行動畫效果的元素

:focus
匹配當前獲取焦點的元素。

如同其他偽類選擇器（那些以":"開始），
建議:focus前面用標記名稱或其他選擇;否則，
通用選擇("*")是不言而喻的。
換句話說，$(':focus')等同為$('*:focus')。
如果你正在尋找當前的焦點元素，
$( document.activeElement )將檢索，而不必搜索整個DOM樹。

3、内容
:contains(text)
匹配包含給定文本的元素

:empty
匹配所有不包含子元素或者文本的空元素

:has(selector)
匹配含有選擇器所匹配的元素的元素

:parent
匹配含有子元素或者文本的元素

4、隱蔽
:hidden
匹配所有不可見元素，或者type為hidden的元素

:visible
匹配所有的可見元素

5、屬性
[attribute]
匹配包含給定屬性的元素。
注意，在jQuery 1.3中，前導的@符號已經被廢除！
如果想要兼容最新版本，只需要簡單去掉@符號即可。

[attribute=value]
匹配給定的屬性是某個特定值的元素

[attribute!=value]
匹配所有不含有指定的屬性，或者屬性不等於特定值的元素。

此選擇器等價於:not([attr=value])<br>要匹配含有特定屬性但不等於特定值的元素，
請使用[attr]:not([attr=value])

[attribute^=value]
匹配給定的屬性是以某些值開始的元素

[attribute$=value]
匹配給定的屬性是以某些值結尾的元素

[attribute*=value]
匹配給定的屬性是以包含某些值的元素

[attrSel1][attrSel2][attrSelN]
複合屬性選擇器，需要同時滿足多個條件時使用。


6、子元素
:nth-child
匹配其父元素下的第N個子或奇偶元素

':eq(index)' 只匹配一個元素，而這個將為每一個父元素匹配子元素。

:nth-child 從1開始的，而:eq()是從0算起的！
可以使用:
<br>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)

:first-child
匹配第一個子元素

':first'
只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素

:last-child
匹配最後一個子元素

':last'
只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素

:only-child
如果某個元素是父元素中唯一的子元素，那將會被匹配

如果父元素中含有其他元素，那將不會被匹配。


7、表單
:input
匹配所有input, textarea, select 和button 元素

:text
匹配所有的單行文本框

:password
匹配所有密碼框

:radio
匹配所有單選按鈕

:checkbox
匹配所有復選框

:submit
匹配所有提交按鈕

:imag​​e
匹配所有圖像域

:reset
匹配所有重置按鈕

:button
匹配所有按鈕

:file
匹配所有文件域

:hidden
匹配所有不可見元素，或者type為hidden的元素

8、表單對象屬性

:enabled
匹配所有可用元素

:disabled
匹配所有不可用元素

:checked
匹配所有選中的被選中元素(複選框、單選框等，不包括select中的option)

:selected
匹配所有選中的option元素