JQuery :eq() 选择器 与 eq()遍历方法

一、:eq()选择器

语法: $(  " :eq(index)" )

在匹配的集合中选择索引值为index的元素,index索引值从0算起。就是选的第 “index+1” 的元素。

若要获取变量,

$("#parent child:eq( j ) input:eq(0)").val(elem);  //j是变量
$("#parent child:eq( j ) input:eq(1)").val(da[elem]);  

上面这种写法报错,要使用下面这种写法:

$("#parent child:eq(" + j + ") input:eq(0)").val(elem);
$("#parent child:eq(" + j + ") input:eq(1)").val(da[elem]);  

:eq()选择器中要写变量,即index是动态变化的,则需要用+  +连接

二、eq()遍历方法

语法:eq(index | -index)

index:整数(正数),选择索引值为index的元素,索引值从0算起。

-index:整数(负数),从集合元素中的最后一个元素开始倒数,从1算起。

应用:tab选项卡切换

若是

$(‘div.tab_box > div‘)   //选取子节点

.eq(index).show().siblings().hide();

这样写就可以实现tab切换的效果,

若是 $(‘div.tab_box > div:eq(index)‘)

.show().siblings().hide()

就不能切换。

原文地址:https://www.cnblogs.com/potato-lee/p/8898223.html

时间: 2024-11-14 11:42:03

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 一个整数,指示元素的位置,从集合中的最后一

jQuery高级选择器和其等价方法

jQuery选择器和css一样,但兼容性更好 <body> <p>p1</p> <p>p1</p> <p>p1</p> <div id="box"> <p>p2</p> <p>p2</p> <p>p2</p> <div> <p>p3</p> <p>p3</p>

CSS优先级问题以及jQuery中的.eq()遍历方法和:eq()选择器的差别

在写一个TAB选项卡的时候遇到几个有意思的问题,记录下来 先把代码贴出来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="

jquery 常用选择器 回顾 ajax() parent() parents() children() siblings() find() eq()

1. $.ajax() ajax 本身是异步操作,当需要将 异步 改为 同步时: async: false 2.parent()  父级元素  和  parents() 祖先元素 的区别 parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合.parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选. 例如: <div id='div1'> <div id='div2'> <p></p> &

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法 一丶什么是JQuery JQuery: ???????JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 ??????js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: ???????链式编程:可以.的形式实现多个功能 ?

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

1 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 2 3 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 4 $("div") 选择所有的div标签元素,返回div元素数组 5 $(".myClass") 选择使用myClass类的css的所有元素 6 $("*") 选择文档中的所有的元素,可

DOM遍历方法(基于jQuery)

在使用$()创建了jQuery对象之后,通过调用下列DOM遍历方法,可以修改其中匹配的元素,以便将来操作. 筛选元素 .filter(selector)                              与给定的选择符selector匹配的选中元素 .filter(callback)                              回调函数callback返回true的选中元素 .eq(index)                                     从0开

jQuery基础(DOM篇,append(),after(),prepend(),insertAfter(),节点删除,遍历方法each())

1.DOM创建节点及节点属性   创建流程比较简单,大体如下: - 创建节点(常见的:元素.属性和文本) - 添加节点的一些属性 - 加入到文档中   流程中涉及的一点方法: - 创建元素:document.createElement - 设置属性:setAttribute - 添加文本:innerHTML - 加入文档:appendChild   2.jQuery节点创建与属性的处理 创建元素节点: 可以有几种方式,后面会慢慢接触.常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来

jQuery中get与eq的区别

get与eq的区别 .eq() 减少匹配元素的集合,根据index索引值,精确指定索引对象. .get() 通过检索匹配jQuery对象得到对应的DOM元素. 同样是返回元素,那么eq与get有什么区别呢? eq返回的是一个jQuery对象,get返回的是一个DOM对象.举个例子: $( "li" ).get( 0 ).css("color", "red"); //错误 $( "li" ).eq( 0 ).css("