jquery中eq选择器和eq()方法怎么用-创新互联

这篇文章主要介绍了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算起)

获取匹配的第二个元素

This is just a test.

So is this

$("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()方法怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。