Jquery是一個十分強大的Javascript庫,在前端開發中使用頻率非常高。它可以讓我們用更簡單的語法完成很多復雜的任務。本文將介紹如何使用Jquery遍歷input元素的值。
$(document).ready(function() { // 獲取所有的input元素 $('input').each(function() { // 打印每個input元素的值 console.log($(this).val()); }); });
以上代碼首先用$(document).ready()方法來保證DOM樹加載完后再執行代碼。然后使用$('input')獲取所有的input元素,然后通過each()方法依次遍歷這些元素。在每個元素內部,我們用$(this)來獲取當前元素,再用val()方法獲取它的值,最后使用console.log()方法將其打印出來。
除了each()方法,我們還可以使用map()方法來獲取所有元素的值,然后將它們放在一個數組中:
var inputValues = $('input').map(function() { return $(this).val(); }).get(); console.log(inputValues);
以上代碼使用map()方法將每個input元素的值存儲在一個數組中,最后使用get()方法獲取這個數組并打印出來。
以上就是使用Jquery遍歷input元素的值的方法,希望對你有所幫助。