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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站名称:jquery中eq选择器和eq()方法怎么用-创新互联
转载源于:http://ybzwz.com/article/icgcj.html