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

如果两个性能是有区别的话，估计第一个性能会比较好点。

$('#????:eq(0)') 返回符合#????选择器的元素集合第一个,它的类型是jQuery对象
$('#????').eq(0) 返回 $('#????') jquery元素集合的第一个元素,并将之转换为 javascript对象

jquery ：eq选择器和eq（）方法的用法与比较相关推荐

jquery 常见选择器以及一些方法
// 这里的selector表示具体的选择器 jQuery( "selector:first" ) jQuery的:first选择器用于获取匹配到的第一个元素,将其封装为jQuer ...
jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...
jQuery中过滤选择器的eq,ne等于gt大于lt小于
eq 等于 gt大于 lt小于用法: <!DOCTYPE html> <html lang="en"> <head><meta char ...
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂、jQuery的属性：操作标签的属性)
https://www.jq22.com/chm/jquery/index.html 一.jQuery 1.简介:是一个对JavaScript进行了封装的库,简化了用户使用javascript 2.特 ...
jquery：选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法，可见性过滤选择器】
名称用法描述基础选择器 id选择器 $('#class') 指定id的元素类选择器 $('.class') 指定类标签选择器 $('div') 指定标签并集选择器 $('div,class ...
JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
原生js模拟jQuery选择器功能及方法
模拟jQuery选择器功能及方法查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象. 熟悉jQuery的 ...
转：jquery选择器的使用方法
jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言.如果你了解CSS(绝大部分WEB开发者都用到的),那 ...
jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
jquery 根据class名赋值_jQuery简单用法!!!
1. jQuery的选择器D (1) 想要获得input标签中name属性名字包含a 的标签对象应该如何书写 $("input[name*=a]") (2) 请说出$(" ...

jquery ：eq选择器和eq（）方法的用法与比较

jquery ：eq选择器和eq（）方法的用法与比较

jquery ：eq选择器和eq（）方法的用法与比较相关推荐

最新文章

热门文章