jq 獲取含類的子集 Jquery獲取子元素

2021-10-13 11:01:32 字數 556 閱讀 8975

jquery獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。

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

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

分別以以下html**為例:

list2

list3

children()方法獲取ul下面直接子集元素li:$("ul").children("li")

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

find()方法獲取ul下所有元素li:$("ul").find("li")

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

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

jq獲取頁面高度 JQuery獲取頁面高度寬度

alert window height 瀏覽器當前視窗可視區域高度 alert document height 瀏覽器當前視窗文件的高度 alert document.body height 瀏覽器當前視窗文件body的高度 alert document.body outerheight true ...

jquery兄弟標籤 JQ獲取兄弟元素的值

在之前有遇到過table中jq獲取兄弟元素的值,寫法是var id this parents tr find id text 然後現在碰到的問題是。我的列表不是用的 怎麼獲取它的id呢?我把查詢之後遍歷出來,然後給id img 的是的id,然後再刪除他的時候傳遞過去id,怎麼傳遞呢?var id t...

jq陣列清空 JQuery 陣列獲取和刪除元素

var target target 0 aaa000 target 1 bbb111 target 2 ccc222 target 3 ddd333 target 4 eee444 target 5 fff555 console.log 使用push 新增元素之前長度 target.length t...