Jquery是JavaScript的一個庫,用于簡化JavaScript編程。在頁面中常常需要取得輸入框的值,使用Jquery可以更加方便地實現這個功能。
//取得輸入框的值
var inputValue = $("input").val();
console.log(inputValue);
上述代碼中,我們使用Jquery的選擇器選中了一個input元素,并使用val()方法取得了其值,最后打印輸出。可以看到,使用Jquery可以讓我們更加簡潔地取得輸入框的值。
//給輸入框設置一個新的值
$("input").val("新的值");
除了可以取得輸入框的值,我們也可以使用Jquery設置輸入框的值。上述代碼中,我們將一個新的值賦給了選中的input元素,這樣輸入框的顯示內容也會被更新。
//取得多個輸入框的值
$("input[type='text']").each(function(){
var inputValue = $(this).val();
console.log(inputValue);
});
當頁面中存在多個輸入框時,我們可以使用each()方法遍歷每個元素,取得它們的值。需要注意的是,我們使用了屬性選擇器來選中type屬性為text的所有元素。
使用Jquery取得輸入框的值比純JavaScript更加簡潔方便,可以大大提高我們的開發效率。
下一篇css去除鏈接樣式