jQuery获取和设置表单元素的方法


在jQuery中,获取和设置表单元素的值通常使用`.val()`方法。这个方法既可以用来获取表单元素(如input、select、textarea等)的当前值,也可以用来设置这些元素的值。

### 获取表单元素的值

假设你有一个input元素,其id为"username",你可以使用以下代码来获取它的值:


var username = $("#username").val();
console.log(username); // 输出input元素的值

### 设置表单元素的值

如果你想设置上述input元素的值,可以使用相同的`.val()`方法,但这次传入一个值作为参数:


$("#username").val("新的用户名");

这段代码将会把id为"username"的input元素的值设置为"新的用户名"。

### 注意事项

- `.val()`方法主要适用于获取或设置input、select(对于单选或多选,行为略有不同)、textarea等表单元素的值。

- 对于select元素,如果没有指定multiple属性(即单选),`.val()`方法获取或设置的是被选中option的value属性值。如果指定了multiple属性(即多选),`.val()`方法将返回一个包含所有被选中option的value属性值的数组,或者你可以传入一个数组来设置多个选中的项。

- 当你尝试在一个非表单元素上使用`.val()`方法时,它可能不会按预期工作,因为`.val()`是为表单元素设计的。

以上就是在jQuery中获取和设置表单元素值的基本方法。