jQuery基本篩選器

2021-10-03 09:44:50 字數 2921 閱讀 9243

jquery基本篩選器,是js中沒有的乙個功能。可以批量選 擇或在一批元素中特定選擇乙個元素,一般與選擇器配合使用,非常方便。

:first

選擇符合條件的元素中的第乙個元素。

html**

<

/div>

<

/div>

<

/div>

jquery**

//選中第乙個div

$("div:first").

text

("第乙個div"

)

:last

選中符合條件的最後乙個元素

html**

<

/div>

<

/div>

<

/div>

jquery**

//選中最後乙個div

$("div:last").

text

("最後乙個div"

)

:even

選中符合條件的元素中索引為偶數的元素

<

/div>

<

/div>

<

/div>

<

/div>

<

/div>

//選中索引為偶數的元素

$("div:even").

text

("索引為偶數的元素"

)

:odd

選中符合條件的元素中索引為奇數的元素

<

/div>

<

/div>

<

/div>

<

/div>

<

/div>

//選中索引為奇數的元素

$("div:odd").

text

("索引為奇數的元素"

)

:not()

驅除與給定條件匹配的元素,條件在()中寫。

"checkbox" name=

"first"

>

"checkbox" name=

"second" checked=

"checked"

>

//選中的元素為第乙個

$("input:not(:checked)").

css(

"height"

,"50px"

)

:gt(index)

匹配大於給定索引的元素

<

/div>

<

/div>

<

/div>

<

/div>

<

/div>

//匹配索引大於一的元素

$("div:gt(1)").

text

("索引大於一的元素"

)

:lt(index)

匹配小於給定索引的元素

<

/div>

<

/div>

<

/div>

<

/div>

<

/div>

//匹配索引小於一的元素

$("div:lt(1)").

text

("索引小於一的元素"

)

:eq(index)

匹配指定索引的元素

<

/div>

<

/div>

<

/div>

<

/div>

<

/div>

$(

"div:eq(2)").

text

("索引小於一的元素"

);

:header

匹配h系列的元素

="demo"

>

<

/h2>

="demo"

>

<

/div>

$(

"div:header").

text

("h系列的標籤的元素"

);

:focus()

匹配當前具有焦點的元素

"text"

>

"text"

>

//選中當前具有焦點的元素

$("inout:focus").

css(

"border"

,"1px solid red"

)

:animated

匹配當前的動畫元素

好了,這就是所有的篩選器了。

Jquery 基本篩選 first

jquery first 描述 選擇第乙個匹配的元素。first偽類選擇器相當於 eq 0 它也可以寫為 lt 1 雖然 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。td style src script head row 1td...

jQuery的篩選器

首先了解一下 jquery 是乙個前端類庫 方法庫,工具庫 有人把 js 裡面各種 dom 操作都給你封裝好了 獲取 dom 元素 操作元素的 類名 操作元素的 屬性 操作元素的 樣式 元素 動畫 jquery 是乙個類庫 方法庫 jquery 裡面 95 以上都是方法 使用的時候,別忘了寫 jqu...

jQuery的篩選器

1 li 2 li 3 li 4 li li5 5 li 6 li 7 li 8 li ul jquery.min.js script 什麼是jquery的篩選器 在通過選擇器,獲取到標籤物件的基礎上,再來進行篩選,選擇出符合條件的標籤物件 篩選器一定是在選擇器的基礎上使用 為了鏈式程式設計方便 篩...