jQuery是一款流行的JavaScript庫,它可以簡化HTML文檔的遍歷、操作、事件處理和動畫等操作。其中,
<input>元素是HTML中的表單元素之一。而jQuery也提供了很多方法,助力我們輕松操作這些元素。
利用jQuery,我們可以直接選中一類或多個元素,調用相應的函數來改變它們的屬性或值。
// 選中所有元素并設置disabled屬性 $("input").prop("disabled", true); // 選中class為"input-text"的元素并設置value屬性 $(".input-text").val("Hello World!"); // 選中type為"radio"的元素,獲取選中的元素的value屬性 var selected = $("input[type='radio']:checked").val();
此外,jQuery還提供了方便的事件處理函數,可以響應用戶與元素的交互。
// 選中type為"checkbox"的元素,并設置change事件處理函數 $("input[type='checkbox']").change(function(){ if(this.checked) { console.log("checkbox選中了"); } else { console.log("checkbox取消選中"); } }); // 選中type為"text"的元素,并設置keyUp事件處理函數 $("input[type='text']").keyup(function(){ console.log("input的值:" + $(this).val()); });
除此之外,jQuery還提供了許多其它方法,用來操作元素的各種屬性和特性。比如,我們可以用.prop()方法讀寫元素的HTML屬性,用.val()方法讀寫元素的值,用.attr()方法讀寫元素的特性等等。
總之,使用jQuery來操作元素可以簡化很多HTML表單的編寫和JavaScript的編寫。