这篇文章将为大家详细讲解有关jQuery中如何使用eq()选择器,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
jQueryeq()选择器,eq()选择器选取带有指定index值的元素。index值从0开始,所有第一个元素的index值是0(不是1)。经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素
jQueryeq()选择器语法
$(":eq(index)")
参数 描述
index 必需。规定元素的index值。
:eq(index)选择器可实现两个div的一一对应显示,js代码如下
$(".div1").click(function(){
$(this).addClass("hover");
vardivIndex=$(this).index();
$(".div2").removeClass("display");
$(".div2").eq(divIndex).addClass("display");
});
jquery中eq()遍历方法和:eq()选择器的区别
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;list-style:none;}
.box{width:100px;height:404px;border:1pxsolidred;margin:0auto;}
li{width:100px;height:100px;font-size:40px;line-height:100px;color:#ccc;text-align:center;border-bottom:1pxsolidred;}
</style>
<scriptsrc="js/jquery-1.11.1.min.js"></script>
<script>
$(function(){
//eq()方法的定义和用法:
//此方法能够获取匹配元素集上的相应位置索引的元素。
//匹配元素集上元素的位置索引是从0开始的。
//
//:eq()选择器的定义和用法:
//此选择器匹配一个给定索引值的元素。
//元素的位置索引从0算起。
关于jQuery中如何使用eq()选择器就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。