温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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> This is just a test.</p> <p> So is this</p>

$("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问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI