children和childNodes 的區別

2021-08-07 10:29:24 字數 784 閱讀 8072

1,childnodes 屬性,標準的,它返回指定元素的子元素集合,包括html節點,所有屬性,文字。可以通過nodetype來判斷是哪種型別的節點,只有當nodetype==1時才是元素節點,2是屬性節點,3是文字節點。

有些人錯誤的使用()去取該集合元素,下表列出各瀏覽器對childnodes(i)的支援情況:

ie6/7/8/safari/chrome/opera

ie9/firefox

childnodes(i)

支援不支援

有時候需要獲取指定元素的第乙個html子節點(非屬性/文字節點),最容易想到的就是firstchild 屬性。**中第乙個html節點前如果有換行,空格,那麼firstchild返回的就不是你想要的了。可以使用nodetype來判斷下。?

1

2

3

4

5

6

functiongetfirst(elem)

}

2,children 屬性,非標準的,它返回指定元素的子元素集合。經測試,它只返回html節點,甚至不返回文字節點。且在所有瀏覽器下表現驚人的一致。和childnodes 一樣,在firefox下不支援()取集合元素。因此如果想獲取指定元素的第乙個html節點,可以使用children[0]來替代上面的getfirst函式。需注意children在ie中包含注釋節點。

jq中find 和children 的區別

find 返回匹配元素集合中每個元素的後代。引數 必選的,可以為字串,jq物件或dom元素。字串是指用於查詢的表示式 children 返回匹配元素集合中每個元素的子元素。引數 可選的,字串值,用以過濾子元素的表示式。例子 123 456 tr children td first 表示式先找到所有t...

解讀jQuery篩選器children

一篇不錯的詳細教程,解讀jquery篩選器children jquery的選擇包含兩種,一種是選擇器,一種是篩選器。篩選器是對選擇器選定的jquery物件做進一步選擇。children 是乙個篩選器,顧名思義就是篩選孩子,篩選那些符合條件的孩子。完整的格式如下 children expr 其中chi...

jQuery遍歷之children 方法

jquery是乙個合集物件,如果想快速查詢合集裡面的第一級子元素,此時可以用children 方法。這裡需要注意 children selector 方法是返回匹配元素集合中每個元素的所有子元素 僅兒子輩,這裡可以理解為就是父親 兒子的關係 理解節點查詢關係 如果是 div children 那麼意...