JQuery 偽類選擇器

2022-06-17 15:06:08 字數 1055 閱讀 2697

<

ul>

<

li>one

li>

<

li>two

li>

<

li>three

li>

ul>

所有的偽類選擇器,都將圍繞上面的html**。

第乙個節點

$('ul li:first-child') // 

one

最後乙個節點

$('ul li:last-child') // 

three

第二個節點

通過索引。

$('ul li:eq(1)') //

two

通過節點數。

$('ul li:nth-child(2)') //

two

第二個節點之後

索引大於0的。

$('ul li:gt(0)') //

two three

第二個節點之前

索引小於2的。

$('ul li:lt(2)') //

one two

偶數節點

$('ul li:even') //

one three

奇數節點

$('ul li:odd') //

two

文字匹配

匹配還有o的文字。

$('ul li:contains(o)') //

one two

更多:

$(「selector:empty」) //

匹配不含子元素或文字的序列

$(「selector:parent」)

//匹配含子元素或文字的序

$(「selector:animate」)

//選擇動畫元素

$(「selector:header」)

//選擇標題(h1…….hn)

jQuery偽類選擇器

一 簡單偽類選擇器 not selector 選擇除了某個選擇器之外的所有元素 first或first 選擇某元素的第乙個元素 非子元素 last或last 選擇某元素的最後乙個元素 非子元素 odd 選擇某元素的索引值為奇數的元素 even 選擇某元素的索引值為偶數的元素 eq index 選擇給...

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽類選擇器

作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...