品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中eq()遍历方法和:eq()选择器详细介绍

jquery中eq()遍历方法和:eq()选择器详细介绍

js jQuery

头像

宋雪维

2021-01-29 08:34:377593浏览 · 0收藏 · 0评论

jquery中eq有两种存在形式,即eq()和:eq()。eq()表示获取匹配元素集上的相应位置索引的元素得我方法,:eq()表示匹配一个给定索引值的元素的选择器,两种形式的元素的位置索引都从0算起,使用上有很大的相似,本文将详细介绍jquery中eq()遍历方法和:eq()选择器的原理及使用实例。

一、eq()方法

1、定义:此方法能够获取匹配元素集上的相应位置索引的元素。

2、用法:匹配元素集上元素的位置索引是从0开始的。

3、使用语法

eq(index | -index)

4、使用参数

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

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

5、使用实例

 $(document).ready(function(){
  $("p").eq(1);
});

二、:eq()选择器

1、定义:此选择器匹配一个给定索引值的元素。

2、用法:元素的位置索引从0算起。

3、使用语法

$(  " :eq(index)" )

可以直接使用.eq(index),

若要使用eq选择器则要写成:eq(‘+index+’)这样获取到的index才是变量。

4、使用参数

index:从 0 开始计数

5、使用实例

$("ul li:eq(3)")  // 元素的index位置工0开始计数,所以这里的3实际为第4个元素
$("ul").find("li").eq(3) //使用jquery遍历方法eq()

以上就是jquery中eq()遍历方法和:eq()选择器详细介绍,希望能帮助你理解哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图