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选项卡。




本文转自 蓓蕾心晴 51CTO博客,原文链接:http://blog.51cto.com/beileixinqing/1859893,如需转载请自行联系原作者
相关文章
|
15天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
13 0
|
17天前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
6 0
|
27天前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
17 2
|
18天前
|
JavaScript 前端开发
必知的技术知识:jQuery中queue和dequeue的用法
必知的技术知识:jQuery中queue和dequeue的用法
|
19天前
|
JavaScript 程序员
老程序员分享:jquery方法总结
老程序员分享:jquery方法总结
12 0
|
2月前
|
JavaScript 前端开发 API
jquery的一些方法
jquery的一些方法
17 1
|
2月前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
2月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
2月前
|
JSON JavaScript 前端开发
Jquery常用的选择器有哪些?用途有什么不同?
Jquery常用的选择器有哪些?用途有什么不同?
|
2月前
|
JavaScript 索引