jQuery是一個(gè)常用的JS庫,封裝了眾多常用的JS功能,極大地提高了前端開發(fā)效率,其中val()方法是獲取或設(shè)置表單元素的值,而val()方法的重置操作也是我們在前端開發(fā)過程中經(jīng)常會(huì)用到的一個(gè)操作。
// 獲取input的值 var inputVal = $('#inputId').val(); // 設(shè)置input的值 $('#inputId').val('new value'); // 重置input的值 $('#inputId').val('');
上述代碼中,使用val()方法獲取input元素的值,并能夠設(shè)置新的值,同時(shí)通過設(shè)置空字符串達(dá)到重置input的值的目的。
除了input元素,其它表單元素(如textarea、select等)的重置操作使用方式也是一致的:
// 獲取元素的值 var elementVal = $('#elementId').val(); // 設(shè)置元素的值 $('#elementId').val('new value'); // 重置元素的值 $('#elementId').val('');
綜上可知,jQuery的val()方法不僅能很方便地獲取和設(shè)置表單元素的值,還可以通過設(shè)置空字符串的方式實(shí)現(xiàn)元素值迅速重置,極大地方便了前端開發(fā)中對(duì)表單元素的處理。
下一篇jquery weui