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

2021-06-22 14:22:41 字數 1537 閱讀 3414

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

獲取每個父元素下的僅有乙個子元素

元素集合

jQuery學習筆記(三)

1 hide 和show 方法 hide click function show click function 語法 selector hide speed,callback selector show speed,callback speed規定隱藏或顯示的速度,callback是隱藏或顯示完成後...

JQuery學習筆記(三)

一 新增html內容 prepend 被選元素內容前面新增 after 被選元素後新增 before 被選元素前面新增 二 刪除元素 remove 刪除被選元素及其子元素 empty 刪除子元素 三 類切換 addclass 被選元素新增乙個或多個類 removeclass 被選元素刪除乙個或多個類...

jQuery學習筆記三

parent 返回所選元素的直接父元素 parents 返回被選元素的所有祖先元素 parentsuntil span parentsuntil div 返回介於span與div之間的所有祖先元素 不包括divchildren 返回直接子元素 div children p.1 類名為1的所有p元素且...