jQuery如何獲取子元素

2021-09-27 08:45:14 字數 569 閱讀 6570

jquery獲取子元素的方式有兩種:find()和children(),但二者有差異,下面看看二者的差異:

1.children()方法:獲取該元素下的直接子集元素

2.find()方法:獲取該元素下的所有子集元素

list2

list3

3、children()方法獲取最外層ul下面直接子集元素li:$("#ul").children(「li」)

需要注意的是,如果li元素下還有li元素,children方法將不會被獲取。我們可以用length來測試獲取的個數「$("#ul").children(「li」).length」,最後輸出結果為3

4、find()方法獲取ul下所有元素li:$("#ul").find(「li」)

需要注意的是,find方法會無限迴圈查詢ul標籤節點下的li,一直找到沒有為止,用length來測試獲取個數「$("#ul").find(「li」).length」,最後輸出結果為9

5、children和find的區別:children只會查詢直接子集,而find會跨越層級查詢,一直找到沒有為止。

JQuery元素獲取

前言 這是本類別博文jquery 即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令...

jquery元素獲取

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function firebug檢視jquery parent效果 二 獲取同級元素 1 next expr 獲取指定元素的...

JQuery元素獲取

前言 這是本類別博文jquery即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令有...