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

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

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

:eq(index)

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

index：從 0 開始計數

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

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

eq(index|-index)

獲取第N個元素

index

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

-index

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

獲取匹配的第二個元素

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

應用：tab選項卡

若是

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

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

這樣寫就可以實現tab切換的效果，

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

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

就不能切換。

解釋：

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

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

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

這樣兩種方法即都可實現動態選擇 tab選項卡。

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

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站