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