JQuery中的eq 方法

2021-07-13 21:18:46 字數 727 閱讀 2321

定義:eq() 方法將匹配元素集縮減值指定 index 上的乙個。

語法:.eq(index)   引數index整數,指示引數的位置(最小為0,如果為負數,則從集合中的最後乙個元素往回計數)

如果給定表示 dom 元素集合的 jquery 物件,.eq() 方法會用集合中的乙個元素構造乙個新的 jquery 物件。所使用的 index 引數標示集合中元素的位置。

請看下面這個簡單的列表:

我們可以把該方法應用到這個列表專案集:

$('li').eq(2).css('background-color', 'red');

這個呼叫的結果是為專案 3 設定了紅色背景。請注意,index 是基於零的,並且是在 jquery 物件中引用元素的位置,而不是在 dom 樹中。

如果提供負數,則指示從集合結尾開始的位置,而不是從開頭開始。例如:

$('li').eq(-2).css('background-color', 'red');

這次,專案 4 的背景變為紅色,這是因為它是集合結尾開始的第二個。

如果無法根據指定的 index 引數找到元素,則該方法構造帶有空集的 jquery 物件,length 屬性為 0。

$('li').eq(5).css('background-color', 'red');

這裡,沒有列表項會變為紅色,這是因為 .eq(5) 指示的第六個列表項

jquery中的index方法和eq方法

jquery的index 方法 搜尋匹配的元素,並返回相應元素的索引值,從0開始計數,如果不給 index 方法傳遞引數,那麼返回值就是這個jquery物件集合中第乙個元素相對於其同輩元素的位置。如果找不到匹配的元素,則返回 1。如果引數是一組dom元素或者jquery物件,那麼返回值就是傳遞的元素...

JQuery中eq 和get 的區別

下來我們就開門見山吧,相信大家在工作中經常會用到這兩個方法吧,那麼他們的區別是什麼了?眾所周知,eq 方法返回的是乙個jquery物件,也就是 object object get 方法返回的是dom物件組成的陣列,也就是 object htmllielement 我們用乙個例子說明一下 首先引入jq...

jQuery中eq和get的區別

相信大部份人都會把這2個的用法搞錯。仔細檢視下api文件就可以知道。eq返回的是乙個jquery物件,get返回的是乙個html 物件陣列。舉個例子 style color yellow 緋雨 使用eq來獲得第乙個p標籤的color值 p eq 0 css color 因為eq num 返回的是個j...