jQuery學習筆記(三)--jQuery選擇器2

4)內容過濾選擇器

內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素,其文字內容可以模糊或絕對匹配進行元素定位,其詳細說明如下表所示:

內容過濾選擇器語法
選擇器 功能 返回值
:contains(text) 獲取包含給定文本的元素 元素集合
:empty 獲取所有不包含子元素或者文本的空元素 元素集合
:has(selector) 獲取含有選擇器所匹配的元素的元素 元素集合
:parent 獲取含有子元素或文本的元素 元素集合

5)可見性過濾選擇器

可見性過濾選擇器根據元素是否課件的特徵獲取元素,其詳細說明如表所示。

可見性過濾選擇器語法
選擇器 功能 返回值
:hidden 獲取所有不可見元素,或者type爲hidden的元素 元素集合
:visible 獲取所有的可見的元素 元素集合

6)屬性過濾選擇器

屬性過濾選擇器根據元素的某個屬性獲取元素,如ID號或者匹配屬性值的內容,並以"["號開始、以"]"號結束。其詳細說明如表所示。

屬性過濾選擇器語法
選擇器 功能  
[attribute] 獲取包含給定屬性的元素 元素集合
[attribute = value] 獲取等於給定的屬性是某個特定值的元素 元素集合
[attribute != value] 獲取不等於給定的屬性是某個特定值的元素 元素集合
[attribute ^= value] 獲取給定的屬性是以某些值開始的元素 元素集合
[attribute $= value] 獲取給定的屬性是以某些值結尾的元素 元素集合
[attribute *= value] 獲取給定的屬性是以包含某些值的元素 元素集合
[selector1][selector2][selectorN] 獲取滿足多個條件的複合屬性的元素 元素集合

7)子元素過濾選擇器

在頁面開發過程中,常常遇到突出指定某行的需求。雖然使用基本過濾選擇器:eq(index)可實現單個表格的顯示,但不能滿足大量數據和多個表格的選擇需求。爲了實現這樣的功能,jQuery中可以通過子元素過濾選擇器輕鬆獲取所有父元素中指定的某個元素。其詳細說明如下所示:

子元素過濾選擇器語法
選擇器 功能 返回值
:nth-child(eq|even|odd|index) 獲取每個父元素下的特定位置元素,索引號從1開始 元素集合
:first-child 獲取每個父元素下的第一個子元素 元素集合
:last-child 獲取每個父元素下的最後一個子元素 元素集合
:only-child 獲取每個父元素下的僅有一個子元素 元素集合





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章