jQuery的val()方法被广泛应用于获取或设置表单元素的值,其中表单元素包括input、textarea、select以及button等标签。val()方法可以用于获取元素的值或设置元素的值。
// 获取元素值 var val = $("#input").val(); console.log("元素的值为:" + val); // 设置元素值 $("#input").val("新的值");
在获取元素值时,val()方法可以直接用于获取单个元素的值,也可以用于获取多个元素的值。但是在设置元素值时,val()方法只能用于单个元素。
// 获取多个元素的值 var valArray = $("input[type='checkbox']:checked").map(function(){ return $(this).val(); }).get(); console.log("多个元素的值为:" + valArray); // 设置单个元素的值 $("#input").val("新的值");
需要注意的是,val()方法在使用时需要注意元素类型。对于input标签,val()方法可以获取或设置元素的value属性;而对于select元素,val()方法可以获取或设置选中的option的value属性。
// 获取select选中的值 var val = $("#select").val(); console.log("选中的值为:" + val); // 设置select选中的值 $("#select").val("2");