在jquery中，可以使用find()方法來查詢所有後代節點。 find()方法可以傳回指定元素下的所有後代元素（包括子、孫、曾孫，依此類推），語法「$(selector).find(filter)」；參數「filter」用於過濾搜尋後代，縮小傳回值的範圍，想要傳回所有的後代節點，需將filter值設為「*」。
本教學操作環境：windows7系統、jquery3.6.1版本、Dell G3電腦。
find() 方法傳回被選元素的所有後代元素。 （後代是子、孫、曾孫，依此類推。）
DOM 樹：此方法沿著DOM 元素的後代向下遍歷，直至最後一個後代的所有路徑（< ;html>）。
語法：
$(selector).find(filter)
| 描述 | |
|---|---|
| filter | 必要。過濾搜尋後代條件的選擇器表達式、元素或 jQuery 物件。 注意：如需傳回多個後代，請使用逗號分隔每個表達式。 |
注意：filter 參數在find() 方法中是必需的，可縮小返回值的範圍；而如需返回所有的後代元素，則filter設定為" *" 選擇器。
範例：使用 "*" 選擇器傳回 的所有後代元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script>
$(document).ready(function() {
$("html").find("*").css({
"color": "red",
"border": "2px solid red"
});
});
</script>
<style>
.ancestors * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
</head>
<body class="ancestors">body (曾祖先节点)
<div style="width:500px;">div (祖先节点)
<ul>ul (直接父节点)
<li>li (子节点)
<span>span (孙节点)<span>span (曾孙节点)<span>span (曾曾孙节点)</span></span></span>
</li>
<li>li (子节点)
<span>span (孙节点)</span>
</li>
</ul>
</div>
</body>
</html>
範例：傳回
$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});
#【推薦學習：jQuery影片教學、web前端影片】
以上是jquery怎麼查詢所有後代節點的詳細內容。更多資訊請關注PHP中文網其他相關文章！
