jquery的$调用后想要获取dom元素可以使用get方法，如下
复制代码 代码如下:
// 方式1
$('div').get(1); // 获取页面中第二个div
当然，也可以使用数组索引方式获取
复制代码 代码如下:
// 方式2
$('div')[1]; // 获取页面中第二个div
上面两种方式都可以获取某一个特定的dom元素，而获取dom元素集合却要使用toarray方法
复制代码 代码如下:
$('div').toarray(); // 返回页面中所有的div，依次放入数组中
看看get方法的源码
复制代码 代码如下:
get: function( num ) {
return num == null ?
// return a 'clean' array
this.toarray() :
// return just the object
( num },
get内就一个三元运算符，即两个分支。
分支1，当不传参数时将获取所有dom元素（调用toarray）
分支2，当num为数字（索引）时返回指定的某一个dom元素（数字为负数时为逆向获取）
分支1实际是将jquery对象（伪数组）转成真正的数组，分支2实际是（用中括号[]）取“伪数组”元素。下面以$('div')来描述整个调用过程
1，获取页面div元素（document.getelementsbytagname('div')）
2，将集合htmlcollection/nodelist转成真正的数组
3，将数组转成伪数组/arraylike（jquery对象）
如图
第一步是选择器做的事；
第二步将htmlcollection/nodelist转成数组以前讨论过；
第三步又将数组转成伪数组/arraylike（jquery对象），只需调用下数组的push即可。
也许下面的例子容易理解
复制代码 代码如下:
var jqobj = {0:'one',1:'two',2:'three',length:3}, // 伪数组(arraylike)
ary = ['one','two','three']; //数组
// 将伪数组(arraylike)转成数组
function jqobjtoarray(json){
var slice = array.prototype.slice;
return slice.call(json,0);
}
// 将数组转成伪数组(arraylike)
function arraytojqobj(ary){
var obj = {}, push = array.prototype.push;
push.apply(obj,ary);
return obj;
}
console.log(jqobjtoarray(jqobj));
console.log(arraytojqobj(ary));
jquery还提供了first/last/eq/slice方法，它们与上面提到的get/toarray不同。它们返回的是jquery对象而非返回htmlelement。如下html片段
复制代码 代码如下:
a
b
c
d
$('div').first() 返回jq对象集合的第一个元素， 即div[id=a]，结构:{0:div,length:1,...}；//...表示省略了其它属性
$('div').last() 返回jq对象集合的最后的元素， 即div[id=d]，结构:{0:div,length:1,...}；
$('div').eq(2) 返回jq对象匹配的第三个元素， 即div[id=c]，结构:{0:div,length:1,...}；
查看源码得知：
1，first，last方法中直接调用了eq方法。
2，eq方法中调用了slice方法。
因此slice方法才是根本。该方法让我们自然想到数组的slice方法，实际上jquery正是利用array的push和slice方法。
1，利用array.prototype.slice方法将 伪数组 转成 数组
2，利用array.prototype.push方法将 数组 转成 伪数组
当然jquery中的slice方法调用了pushstack。我这里简写了slice，如下
复制代码 代码如下:
slice : function(){
var ret = $();//关键的一句,构造一个新的jq对象，
var ary = slice.apply(this,arguments);//这里的this是jq对象，根据参数转成数组子集
push.apply(ret,ary);//转成jq对象，即伪数组形式
return ret;
},
相关：
将htmlcollection/nodelist/伪数组转换成数组
zchain-05.rar