                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

$( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合哪位大神来解释下

$( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合为什么会返回空集合？

ChazVi

2016-08-02

源自：jQuery基础(二)—DOM篇 6-4

关注问题我要回答

1436

操作

收起

3 回答

Airly
2016-10-14

我已经知道这个原因了，大家可以去看下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时，直接返回

4 回复有任何疑惑可以回复我~

收起回答

qq_感谢永远有歌把心境道破_03171663

非常感谢

2016-11-16 回复有任何疑惑可以回复我~

蜉蝣的星空
2016-08-02

parents()是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素），而parent()是取得一个包含着所有匹配元素的唯一父元素的元素集合。当$的对象是根元素html时，parents()就是空集合，parent()就是文档集合

3 回复有任何疑惑可以回复我~

收起回答

呼啦啦9527
2016-08-02

parent与parents的区别:
parent()方法能够在DOM树中搜索到这些元素的父级元素，从有序的向上匹配元素，并根据匹配的元素创建一个新的 jQuery 对象。
这个方法和.parents()很相似,但是.parent()只是进行单级的DOM树查找（也就是只查找一层，直接的父元素，而不是更加上级的祖先元素）。
此外，$( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

0 回复有任何疑惑可以回复我~

收起回答

Airly

那$( "html" ).parents()不是进行单级DOM树查找，但其原理也应该是DOM树查找啊，明明外面还有个document，可为什么就返回空集合呢？

2016-10-13 回复有任何疑惑可以回复我~

你看起来似乎很美味回复 Airly

1楼回复的感觉合理些

2016-10-14 回复有任何疑惑可以回复我~

Airly 回复你看起来似乎很美味

我已经知道原因了，跟JQ的源码实现有关......

2016-10-14 回复有任何疑惑可以回复我~