.eq()
描述: 减少匹配元素的集合为指定的索引的哪一个元素。
.eq(index)
index
类型:
Integer
一个整数,指示元素的位置,以0为基数。
.eq(-index)
-index
类型:
Integer
一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。
如果一个jQuery对象表示一个DOM元素的集合,.eq()
方法从集合的一个元素中构造新的jQuery对象。所提供的索引标识这个集合中的元素的位置。
例子:
为索引值是为 2 的 div 添加适当的 class,将其变成蓝色。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.10.2.js"></script>
<style>
div { width:60px; height:60px; margin:10px; float:left;
border:2px solid blue; }
.blue { background:blue; }
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
$("body").find("div").eq(2).addClass("blue");
$("body").find("div").eq(-2).css("background","red");
</script>
</body>
</html>
效果图: