index详解

jQuery的 index

1.index()

获得向匹配的元素，从0开始计数。不给传递参数，返回值是 jQ对象的所有同辈的索引位置

；如果传递选择器代表，在该选择器下的所有索引位置；如果传递具体的jQ对象返回这种对象中的具体索引

<ul>   <li id="foo">foo</li>   <li id="bar">bar</li>   <li id="baz">baz</li> </ul> 

$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的索引位置 $('li').index($('li:gt(0)')); //1，传递具体的JQ对象 

2.get([index])

取得其中一个匹配的元素。计数从0开始，返回的是DOM对象，类似的有eq(index),不过eq(index)返回的是jQuery对象。

$("img").get(n);//获取索引号为n的第n-1个img元素 

$("img").get().reverse();//因为返回的是DOM对象所以可以使用DOM方法reverse来颠倒顺序 

3.eq(index)

匹配一个给定索引值的元素，返回一个jQ对象

$("tr:eq(1)")//匹配索引值相同的元素返回JS对象 

4.gt(index)

匹配所有大于给定索引值的元素

$("tr:gt(0)")//选择索引值大于0的元素//返回一个数组Array<Element(s)> 

5.lt(index)

匹配所有小于给定索引值的元素

$("tr:gt(3)")//选择索引值小于3的元素//返回一个数组Array<Element(s)>