jQuery中val方法的功能及示例

jQuery中val方法的功能及示例

在使用jQuery编程时，经常会涉及到获取或者设置表单元素的值。这时候就可以用到jQuery中的val()方法。val()方法是jQuery中的一个常用方法，用于获取或者设置表单元素的值。在本文中，我们将详细讨论val()方法的功能，以及通过具体代码示例来展示它的用法。

一、val()方法的功能

val()方法用于获取或者设置表单元素的值，这些表单元素包括input、textarea和select等。当val()方法不带参数时，它会返回匹配元素集合中第一个元素的当前值。当val()方法带一个参数时，它会设置所有匹配元素的值。

二、示例代码

下面是一些示例代码，展示了如何使用val()方法获取或设置表单元素的值。

1. 获取input输入框的值

假设我们有一个输入框，现在我们想要获取用户输入的值并输出到控制台：

var username = $("#username").val();
console.log(username);