jQuery可以使用.children()方法返回一個元素的所有直接子元素，這些子元素只會停留在下一級，而不是遞歸遍歷所有子孫元素。這個方法返回一個jQuery對象，包含匹配元素的所有子元素。

// HTML 示例
<div class="parent">
<h2>主標題</h2>
<p>段落1</p>
<p>段落2</p>
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
</div>
// jQuery 示例
var children = $('.parent').children();
console.log(children);
// 輸出結果： <p>段落1</p>, <p>段落2</p>, <ul>...</ul>

如果想要遍歷所有子孫元素，可以使用jQuery的.find()方法，它會搜索所有匹配的后代元素，而不僅僅是直接子元素。

// HTML 示例
<div class="parent">
<h2>主標題</h2>
<p>段落1</p>
<p>段落2</p>
<ul>
<li>列表1</li>
<li>列表2</li>
<ul>
<li>子列表1</li>
<li>子列表2</li>
</ul>
</ul>
</div>
// jQuery 示例
var allChildren = $('.parent').find('*');
console.log(allChildren);
// 輸出結果： <h2>...</h2>, <p>...</p>, <p>...</p>, <ul>...</ul>, <li>...</li>, <li>...</li>, <ul>...</ul>, <li>...</li>, <li>...</li>