读jQuery之五(取DOM元素)

2020-05-23 06:04:34易采站长站整理


$(‘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