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

来源:6-4 jQuery遍历之parents()方法

ChazVi

2016-08-02 14:38

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

写回答 关注

3回答

  • Airly
    2016-10-14 22:11:58

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

        },

       


    qq_感谢永...

    非常感谢

    2016-11-16 17:15:31

    共 1 条回复 >

  • 蜉蝣的星空
    2016-08-02 15:18:38

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

  • 呼啦啦9527
    2016-08-02 15:11:35

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

    Airly 回复你看起来似乎...

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

    2016-10-14 22:13:17

    共 3 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题