今天我們來講一下如何使用jQuery遍歷一個div下面的所有input元素。

首先，我們需要先在頁面中引入jQuery庫文件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

接下來，我們需要先定義一個div元素：

<div id="test">
<input type="text" name="username">
<input type="password" name="password">
<input type="checkbox" name="rememberme">
</div>

然后，使用jQuery的children方法選擇div下面的所有input元素：

$(document).ready(function() {
var inputs = $("#test").children("input");
inputs.each(function() {
console.log($(this).attr("name"));
});
});

上面的代碼會將div下的所有input元素的name屬性值打印出來。

如果需要對每個input元素進行操作，可以在each方法里面對當前元素進行操作：

$(document).ready(function() {
var inputs = $("#test").children("input");
inputs.each(function() {
$(this).addClass("form-control");
});
});

上面的代碼將div下的所有input元素添加了form-control樣式。

使用jQuery遍歷div下的所有input元素非常簡單，只需要使用children方法和each方法就可以輕松實現。