jQuery val() 方法

jQuery HTML/CSS 方法

val()方法获取或设置所选FORM元素的属性值。

使用val()方法获取属性值时,它返回第一个选定元素的值。

使用val()方法设置属性值时,它将覆盖所有选定元素的值。

注意: val()方法主要用于获取FORM元素的值,例如input,select和textarea。

语法:

获取值属性:

$(selector).val()

设置值属性:

$(selector).val(value)

使用函数设置value属性:

$(selector).val(function(index, currentValue))

实例

获取<input>字段的值:

$("button").click(function(){
  $("input:text").val();
});
测试看看‹/›

设置<input>字段的值:

$("button").click(function(){
  $("input").val("Hello world");
});
测试看看‹/›

使用函数更改元素的值:

$("button").click(function(){
  $("input:text").val(function(i, val){
    return val + " Hello";
  });
});
测试看看‹/›

参数值

参数描述
value为所有选定元素的值
注意:如果省略此参数,则val()将返回第一个选定元素的value属性
function(index, currentValue)指定一个函数,该函数返回要设置的值
  • index-返回元素在集合中的索引位置

  • currentContent-返回所选元素的当前值

jQuery HTML/CSS 方法