根據所獲取頁面中元素的不同,可以將jQuery選擇器分為4大類:基本選擇器、層次選擇器、過濾選擇器、表單選擇器。
其中,過濾選擇器有可以分為6種:簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器器、子元素過濾選擇器、表單對象屬性過濾選擇器。
1、基本選擇器
#id、* 、.class 、元素標簽 、selector 、selectorAll
2、層次選擇器
后代、父子、相鄰、兄弟: parent 、child 、prev 、 next 、 siblings 、+ 、 > 、~ 、空格
3、過濾選擇器
根據某類過濾規則進行元素的匹配,書寫時都以冒號(:)開頭。
簡單: :first 、 :last 、 :not(selector) 、 :even 、 :odd 、 :eq(index) 、 :gt(index)、:lt(index) 、
:header 獲取所有標題類型的元素、 :animated 獲取正在執行動畫效果的元素
內容: :contains(text) 獲取包含給定文本的元素 、:empty 獲取所有不包含子元素或文本的元素 、 :has(selsctor) 獲取含有選擇器所匹配的元素的元素 、
:parent 獲取含有子元素或文本的元素
可見性: :hidden 獲取所有不可見的或者類型為hidden的元素 、 :visible 獲取所有可見的元素
屬性: [attribute] 、 [attribute=value] 、 [attribute!=value] 、[attribute^=value] 開頭 、[attribut$=value] 結尾 、
[attribute*=value] 包括 、 [selector1] [selector2] [selectorN] 獲取滿足多個條件的復合屬性的元素
子元素: :nth-child(eq|even|odd|index)索引從1開始 、:first-child 、:last-child 、 :only-child 獲取每個父元素下的僅有一個子元素
表單對象屬性: :enabled 獲取表單中所有屬性為可用的元素 、:disabled 獲取表單中所有屬性為不可用的元素 、 :checked 獲取表單中所有被選中的元素 、
:selected 獲取表單中所有被選中option的元素
4、表單選擇器
:input 獲取所有的input、textarea、select
:text 獲取所有單行文本框
:password 獲取所有密碼框
:radio 獲取所有單選按鈕
:checkbox 獲取所有復選框
:submit
:image 獲取所有圖像域
:reset 獲取所有的重置按鈕
:button
:file 獲取所有文件域
參考文獻:
jQuery權威指南 機械工業出版社 陶國榮 著