JQuery中的eq()方法
来源:互联网 发布:旧金山字体 windows 编辑:程序博客网 时间:2024/06/05 15:52
定义:eq() 方法将匹配元素集缩减值指定 index 上的一个。
语法:.eq(index) 参数index整数,指示参数的位置(最小为0,如果为负数,则从集合中的最后一个元素往回计数)
如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
请看下面这个简单的列表:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li></ul>
例子 1
我们可以把该方法应用到这个列表项目集:
$('li').eq(2).css('background-color', 'red');
这个调用的结果是为项目 3 设置了红色背景。请注意,index 是基于零的,并且是在 jQuery 对象中引用元素的位置,而不是在 DOM 树中。
例子 2
如果提供负数,则指示从集合结尾开始的位置,而不是从开头开始。例如:
$('li').eq(-2).css('background-color', 'red');
这次,项目 4 的背景变为红色,这是因为它是集合结尾开始的第二个。
例子 3
如果无法根据指定的 index 参数找到元素,则该方法构造带有空集的 jQuery 对象,length 属性为 0。
$('li').eq(5).css('background-color', 'red');
这里,没有列表项会变为红色,这是因为 .eq(5) 指示的第六个列表项
0 0
- JQuery中的eq()方法
- jQuery的eq()方法
- html---jquery的eq()方法
- jQuery 遍历 中 eq() 方法
- 【jquery】jQuery中的get()与eq()
- jQuery 中的 siblings 、eq、off、index、delegate
- jQuery 遍历 - eq() 和siblings() 方法
- jQuery中eq()方法用法实例
- jquery eq
- eq()方法
- jquery中的eq真的可以传变量吗?
- JQuery 的eq和get方法的区别
- jQuery eq()方法 =》加载页面时单选框默认选中
- jQuery :eq,lt,gt
- jQuery API .eq()
- jQuery eq() filter() not()
- jQuery :eq() 选择器
- jquery选择器eq用法
- jQuery对象与DOM节点转换
- Eclipse 断点调试
- 第十六周--阅读程序
- 第十一周项目4-教师兼干部类
- 数据分析中会常犯哪些错误,如何解决的?
- JQuery中的eq()方法
- Java多线程面试问题集锦
- 开通CSDN博客,开启博客之旅!!!
- 安装cocoapods 一直卡在Setting up CocoaPods master repo上的解决办法
- 10+ 实用的 JavaScript 调试小技巧
- 关于导入包不全导致的The method createCall() from the type Service refers to the missing type Call错误
- js文字闪烁效果
- 《Motion Design for iOS》(二十六)
- BZOJ1044 [HAOI2008]木棍分割