$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 哪位大神來解釋下
$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 為什么會返回空集合？
ChazVi
2016-08-02
3 回答
舉報
0/150
提交
取消
2016-10-14
我已經(jīng)知道這個原因了，大家可以去看下JQ源碼：
里面有這么一段:這是parents()的
if?(?cur.nodeType?===?1?)?{?????//主要看這一句，當(dāng)父級對象的nodeType為1時；
matched.push(?cur?);???????????//將這個父級對象插入matched數(shù)組；matched數(shù)組初始狀態(tài)是空；
}
cur?=?cur[dir];??????????
}
return?matched;????????????????//返回這個數(shù)組
所以$("html")的父級是document，document的nodeType是9，因此不會被放入數(shù)組；
然而parent()方法就沒有這個判斷，
parent:?function(?elem?)?{
????????var?parent?=?elem.parentNode;
????????return?parent?&&?parent.nodeType?!==?11???parent?:?null;??//當(dāng)父元素nodeType不為11時，直接返回
????},
? ?
2016-08-02
parents()是取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素），而parent()是取得一個包含著所有匹配元素的唯一父元素的元素集合。當(dāng)$的對象是根元素html時，parents()就是空集合，parent()就是文檔集合
2016-08-02
parent與parents的區(qū)別:
parent()方法能夠在DOM樹中搜索到這些元素的父級元素，從有序的向上匹配元素，并根據(jù)匹配的元素創(chuàng)建一個新的 jQuery 對象。
這個方法和.parents()很相似,但是.parent()只是進(jìn)行單級的DOM樹查找（也就是只查找一層，直接的父元素，而不是更加上級的祖先元素）。
此外，$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合。