jQuery中val方法的用法详解

标题：jQuery中val方法的用法详解

在前端开发中，jQuery是一款功能强大且便捷的Javascript库，它简化了HTML文档的操作和事件处理。在jQuery中，val()方法是一个常用的方法，用于获取或设置表单元素的值。本文将详细介绍val()方法的用法，并通过具体的代码示例来展示其功能。

1. 获取表单元素的值

val()方法可以用来获取表单元素（如input、select、textarea等）的当前值。通过.val()可以获取元素的初始值或者用户输入后的值。下面是一个示例，演示了如何使用val()方法获取input元素的值：

// HTML代码
<input type="text" id="username" value="John Doe">

// jQuery代码
var username = $(\'#username\').val();
console.log(username); // 输出：John Doe