jQuery的对象访问函数(get,index,size,each)

取得所有匹配的DOM元素集合。

这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。

如果你想要直接操作DOM对象而不是jQuery对象，这个函数非常有用。

示例
描述:
选择文档中所有图像作为元素数组，并用数组内建的reverse方法将数组反向。

HTML代码:
<imgsrc="test1.jpg"/><imgsrc="test2.jpg"/>jQuery代码:
$("img").get().reverse();结果:
[<imgsrc="test2.jpg"/><imgsrc="test1.jpg"/>]

取得其中一个匹配的元素。num表示取得第几个匹配的元素。

这能够让你选择一个实际的DOM元素并且对他直接操作，而不是通过jQuery函数。$(this).get(0)与$(this)[0]等价。

参数
indexNumber取得第index个位置上的元素

示例
描述:

HTML代码:
<imgsrc="test1.jpg"/><imgsrc="test2.jpg"/>jQuery代码:
$("img").get(0);结果:
[<imgsrc="test1.jpg"/>]

参数

subject(可选)Selector,Element

示例

描述:

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

$('li').index(document.getElementById('bar'));//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar'));//1，传递一个jQuery对象
$('li').index($('li:gt(0)'));//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li');//1，传递一个选择器，返回#bar在所有li中的做引位置
$('#bar').index();//1，不传递参数，返回这个元素在同辈中的索引位置。

参数

callbackFunction

示例

描述:

<img/><img/>

$("img").each(function(i){
this.src="test"+i+".jpg";
});

[<imgsrc="test0.jpg"/>,<imgsrc="test1.jpg"/>]

描述:

<button>Changecolors</button>
<span></span>
<div></div>
<div></div>

<div></div>
<div></div>
<divid="stop">Stophere</div>
<div></div>

<div></div>
<div></div>

$("img").each(function(){
$(this).toggleClass("example");
});

描述:

<button>Changecolors</button>
<span></span>
<div></div>
<div></div>

<div></div>
<div></div>
<divid="stop">Stophere</div>
<div></div>

<div></div>
<div></div>

$("button").click(function(){
$("div").each(function(index,domEle){
//domEle==this
$(domEle).css("backgroundColor","yellow");
if($(this).is("#stop")){
$("span").text("Stoppedatdivindex#"+index);
returnfalse;
}
});
});

示例

描述:

$("img").length;

2

[b]6.selector　　返回选择器[/b]

$("ul").append("<li>"+$("ul").selector+"</li>").append("<li>"+$("ulli").selector+"</li>").append("<li>"+$("div#fooul:not([class])").selector+"</li>");

ulullidiv#fooul:not([class])

<imgsrc="test1.jpg"/><imgsrc="test2.jpg"/>

$("img").size();

结果:

2