jQuery選擇器詳解


根據所獲取頁面中元素的不同,可以將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權威指南 機械工業出版社 陶國榮 著

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM