ChazVi
2016-08-02 14:38
$( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合 为什么会返回空集合?
我已经知道这个原因了,大家可以去看下JQ源码:
里面有这么一段:这是parents()的
if ( cur.nodeType === 1 ) { //主要看这一句,当父级对象的nodeType为1时;
matched.push( cur ); //将这个父级对象插入matched数组;matched数组初始状态是空;
}
cur = cur[dir];
}
return matched; //返回这个数组
所以$("html")的父级是document,document的nodeType是9,因此不会被放入数组;
然而parent()方法就没有这个判断,
parent: function( elem ) {
var parent = elem.parentNode;
return parent && parent.nodeType !== 11 ? parent : null; //当父元素nodeType不为11时,直接返回
},
parents()是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素),而parent()是取得一个包含着所有匹配元素的唯一父元素的元素集合。当$的对象是根元素html时,parents()就是空集合,parent()就是文档集合
parent与parents的区别:
parent()方法能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象。
这个方法和.parents()很相似,但是.parent()只是进行单级的DOM树查找(也就是只查找一层,直接的父元素,而不是更加上级的祖先元素)。
此外,$( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题