.eq()
.eq( index ) 返回： jQuery
描述： 獲取匹配集合中指定的元素。
-
version added: 1.1.2.eq( index )
index一個整數(shù)，指示元素基于0的位置。
-
version added: 1.4.eq( -index )
-index一個整數(shù)，指示元素的位置，從集合中的最后一個元素開始倒數(shù)。
如果一個jQuery對象表示一個DOM元素的集合，.eq()方法從集合的一個元素中構(gòu)造新的jQuery對象。所提供的索引標(biāo)識這個集合中的元素的位置。
考慮一個頁面上一個簡單的列表：
<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>
我們可以在列表項目上設(shè)置此方法：
$('li').eq(2).css('background-color', 'red');
此調(diào)用的結(jié)果是item 3的背景變成紅色。請注意，提供的索引是從零開始的，并提及了元素在jQuery對象中的位置，不在DOM樹中。
提供一個負(fù)數(shù)表示的元素的位置從集合中的末尾開始，而不是開頭。例如：
$('li').eq(-2).css('background-color', 'red');
這一次清單item 4變成了紅色，因為這是從集合的末尾開始的第二個。
如果一個元素不能在指定的從零開始的索引值中被發(fā)現(xiàn)，該方法構(gòu)造了一個空的新jQuery對象，length屬性值是0。
$('li').eq(5).css('background-color', 'red');
在這里，列表項都沒有變成了紅色。
Example:
Turn the div with index 2 blue by adding an appropriate class.
<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left;
border:2px solid blue; }
.blue { background:blue; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
$("body").find("div").eq(2).addClass("blue");
</script>
</body>
</html>