JQuery是一種簡(jiǎn)化HTML文檔操作的JavaScript庫(kù)。它能夠快速地遍歷、操作文檔中的元素，包括HTML標(biāo)簽和輸入框等。在本文中，我們將探討如何使用JQuery遍歷多個(gè)輸入框。

首先，我們需要定義一些輸入框：

<input type="text" id="input1" value="Input 1">
<input type="text" id="input2" value="Input 2">
<input type="text" id="input3" value="Input 3">
<input type="text" id="input4" value="Input 4">

現(xiàn)在，我們將使用JQuery來(lái)遍歷這些輸入框。以下是示例代碼：

$("input[type='text']").each(function(index) {
console.log("Input " + (index + 1) + ": " + $(this).val());
});

上述代碼使用了JQuery的each()函數(shù)，該函數(shù)可以遍歷指定元素集合并對(duì)每個(gè)元素執(zhí)行指定的函數(shù)。在本例中，我們傳遞了一個(gè)匿名函數(shù)給each()，該函數(shù)會(huì)將輸入框的值打印到控制臺(tái)中。

輸出如下：

Input 1: Input 1
Input 2: Input 2
Input 3: Input 3
Input 4: Input 4

我們也可以通過(guò)JQuery選擇器選擇我們想要遍歷的特定輸入框。下面是一個(gè)使用ID選擇器的例子：

$("input#input1, input#input3").each(function(index) {
console.log("Input " + (index + 1) + ": " + $(this).val());
});

上述代碼將僅遍歷ID為input1和input3的輸入框。

在實(shí)際開(kāi)發(fā)過(guò)程中，JQuery的遍歷功能使得操作HTML文檔的元素變得極為方便。在遍歷多個(gè)輸入框時(shí)，我們可以利用JQuery的強(qiáng)大功能輕松完成任務(wù)。