jQuery 是一款廣泛應用于前端開發的 JavaScript 庫，為開發者提供了眾多樣式、交互和動畫的方法，而遍歷子元素也是其中一個重要的功能。

在 jQuery 中，我們使用.children()方法來遍歷一個元素的直接子元素。下面是一個例子，假設我們有如下 HTML 代碼：

<div id="parent">
<div>子元素 1</div>
<div>子元素 2</div>
<div>子元素 3</div>
</div>

我們想要遍歷#parent元素的子元素，可以使用以下代碼：

var parent = $('#parent'); // 獲取 parent 元素
var children = parent.children(); // 獲取子元素

這樣，我們就可以在children變量中獲取到#parent的三個直接子元素，即三個div元素。接下來，我們可以對它們進行操作：

children.first().css('color', 'red'); // 將第一個子元素的文字設置為紅色
children.last().css('color', 'green'); // 將最后一個子元素的文字設置為綠色
children.eq(1).css('color', 'blue'); // 將第二個子元素的文字設置為藍色

在這個例子中，我們使用.first()和.last()方法來獲取第一個和最后一個子元素，使用.eq(n)方法來獲取第 n 個子元素（從 0 開始計數）。

除了.children()方法，還有一些類似的方法可以用來遍歷元素的子元素，如.find()方法可以獲取所有后代元素，.siblings()方法可以獲取與當前元素同級的所有元素。

總之，jQuery 提供了非常方便的方法來遍歷元素的子元素，讓我們可以輕松地對它們進行操作。