jquery中eq選擇器和eq()方法怎么用

發(fā)布時間：2021-10-19 14:23:10 來源：億速云閱讀：137 作者：小新欄目：web開發(fā)

這篇文章主要介紹了jquery中eq選擇器和eq()方法怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

:eq(index)

匹配一個給定索引值的元素

index：從 0 開始計數(shù)

$("ul li:eq(3)") // 元素的index位置工0開始計數(shù)，所以這里的3實際為第4個元素

$("ul").find("li").eq(3) //使用jquery遍歷方法eq()

eq(index|-index)

獲取第N個元素

index

一個整數(shù)，指示元素基于0的位置,這個元素的位置是從0算起。

-index

一個整數(shù)，指示元素的位置，從集合中的最后一個元素開始倒數(shù)。(1算起)

獲取匹配的第二個元素

$("p").eq(1) 或者 $("p").eq(-1)

應(yīng)用：tab選項卡

若是

$('div.tab_box > div') //選取子節(jié)點

.eq(index).show().siblings().hide();

這樣寫就可以實現(xiàn)tab切換的效果，

若是 $('div.tab_box > div:eq(index)')

.show().siblings().hide()

就不能切換。

解釋：

：eq()選擇器中要寫變量，即index是動態(tài)變化的，則需要用+ +連接，

即：$(‘div.tab_box > div:eq(‘+index+’)’)

注意：是前面的引號為一對，后面的引號為一對，也可以前面一對引號為雙引號，后面為單引號。

這樣兩種方法即都可實現(xiàn)動態(tài)選擇 tab選項卡。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“jquery中eq選擇器和eq()方法怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細節(jié)

猜你喜歡