淘先锋技术网

首页 1 2 3 4 5 6 7

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");