jQuery是一個優秀的JavaScript庫,它可以方便地遍歷HTML元素并進行操作。在表單操作方面,jQuery可以非常輕松地遍歷表單元素、獲取表單元素的值并對表單元素進行賦值。
下面是一個簡單的示例,在HTML中定義一個表單:
<form id="myForm"> <label for="input1">輸入框1</label> <input type="text" id="input1" name="input1" value=""> <label for="input2">輸入框2</label> <input type="text" id="input2" name="input2" value=""> <label for="input3">輸入框3</label> <input type="text" id="input3" name="input3" value=""> <button type="button" id="setValueBtn">設置值</button> </form>
該表單包含3個輸入框和一個按鈕。現在,我們可以使用jQuery遍歷表單元素并給輸入框賦值:
$(function(){ $("#setValueBtn").click(function(){ $("#myForm input[type='text']").each(function(){ $(this).val("這是一個賦值的例子"); }); }); });
這里的關鍵是使用jQuery的each方法遍歷表單中的每個文本輸入框,然后使用val方法為每個文本輸入框設置相同的值。這樣,當我們單擊“設置值”按鈕時,所有的文本輸入框都將顯示相同的值。
總之,jQuery可以讓我們非常方便地遍歷HTML表單并對其進行操作。有了jQuery,表單操作變得非常簡單和快捷。