jQuery高階選擇器

2021-10-01 06:22:37 字數 1639 閱讀 6769

和css層級選擇器類似，可以通過層級關係獲取對應標籤物件。

語法

a b   獲得a元素內部的所有的b元素。（後代）

a>b   獲得a元素下面的所有b子元素。（子標籤）

a+b   獲得a元素同級下乙個b元素。（直接後兄弟）

a~b   獲得a元素之後的所有b元素。（一般後兄弟）

子代111111


子代222222


子代333333


孫代44444


同輩55555


同輩的子代66666


同輩77777
我們可以通過屬性選擇器，以屬性名或者值來匹配對應標籤,比如：

男


女
中，擁有共同的type屬性，或者type屬性一樣的，或者比如value屬性裡都有a字母的。

[屬性名] 獲得有 指定屬性名 的標籤物件。

[屬性名=值] 獲得 指定屬性名等於指定值 的標籤物件  

[屬性名*=值] 獲得 指定屬性名 含有 指定值 的標籤物件  [value *= a ]

多個屬性選擇器可以組合使用

[選擇器1][選擇器2][選擇器3] ，多個屬性同時過濾。

使用者名稱：


密碼：性別：男


女是否vip：不是


是
語法為：                           標籤：過濾選擇器（具體看下面**演示）

:first 第乙個

:last 最後乙個

:even 偶數，索引從 0 開始計數

:odd 奇數

:not(..) 除了指定內容。  1234:not(1)    234

:eq(index) 獲取指定索引的元素 =

:gt(index) 大於index索引的元素 >

:lt(index) 小於index索引的元素 <

11111111，索引是0


22222222，索引是1


33333333，索引是2


44444444，索引是3


55555555，索引是4


66666666，索引是5


77777777，索引是6


88888888，索引是7
語法因為實在太多，所以挑選一些演示。觸類旁通：

程式設計		游泳


閱讀城市：請選擇


北京上海


國家：中國


美國俄羅斯英國

JQuery 學習 高階選擇器

第一 群組選擇器 css pdiv strong jquery function divdiv div pp p strong strong strong css div,strong,p jquery function divdiv divppp strong strong strong 後代選擇...

JQuery 學習 高階選擇器

第一，後代選擇器 box p css color red box find p css color red pqpq pqpqpqp p全部紅色 第二，子代選擇器 box p css color blue box children p css color blue pq pqpq pqpq p第三，...

jQuery（二）高階選擇器

1 prev prevall box prev p css color red 選取同級上乙個元素 box prevall p css color red 選取id box 的元素之前的所有同級p元素2 prevuntil nextuntil 同級上非指定元素選定，遇到p則停止 選擇id box 元...