jQuery中val()方法用法实例

什么是val()方法

val()方法是jQuery中常用的一个方法，它用来获取或设置表单元素的值。表单元素包括输入框、选择框、单选框和复选框等。当用于获取元素的值时，val()方法返回的是元素的值；当用于设置元素的值时，val()方法可以设置元素的值。

获取元素的值

我们可以使用val()方法获取表单元素的值，比如下面的代码段：

$("#input").val()

上面的代码会获取页面上id为input的输入框的值。

如果需要获取多个表单元素的值，可以使用类似下面的代码：

var username = $("#username").val();
var password = $("#password").val();

上面的代码会分别获取id为username和id为password的两个输入框的值。

设置元素的值

val()方法不仅可以获取元素的值，还可以设置元素的值。比如下面的代码：

$("#input").val("hello world")

上面的代码会将页面上id为input的输入框的值设置为"hello world"。

如果需要设置多个表单元素的值，可以使用类似下面的代码：

$("#username").val("admin");
$("#password").val("password");

上面的代码会分别将id为username和id为password的两个输入框的值设置为"admin"和"password"。

总结

val()方法是jQuery中常用的一个方法，它用来获取或设置表单元素的值。在使用val()方法时，要注意指定正确的表单元素选择器。同时，在代码中要注意语法的正确性和语意的清晰性，以避免产生代码中的错误和不必要的麻烦。