jQuery作為一種流行的JavaScript庫,可以簡化處理HTML和CSS的操作。在表單處理方面,jQuery提供了一種便捷的方法來遍歷表單內的元素。
$(document).ready(function() { $("form input").each(function(){ //遍歷所有表單輸入元素 console.log($(this).val()); //輸出元素的值 }); });
在上面的代碼示例中,我們首先使用jQuery.ready()方法,以確保文檔完全加載后再執行代碼。然后,我們使用$("form input")選擇器來獲取表單內所有的輸入元素。接著,我們使用.each()方法來遍歷這些元素,并使用$(this).val()獲取元素的值,并使用console.log()函數輸出到控制臺。
此外,我們還可以使用其他的選擇器和過濾器來選擇和遍歷表單元素,例如:
$(document).ready(function() { //選擇所有的文本輸入框 $("form input[type='text']").each(function(){ console.log($(this).val()); }); //選擇所有被選中的復選框 $("form input[type='checkbox']:checked").each(function(){ console.log($(this).val()); }); });
在上面的代碼中我們使用了不同的選擇器和過濾器來選擇文本輸入框和被選中的復選框,并使用.val()方法獲取它們的值。
總之,通過使用jQuery的強大功能和眾多的選擇器和過濾器,我們可以輕松地遍歷和處理表單內的元素。