在 web 前端开发中，jQuery 是一个非常流行的 JavaScript 库，它简化了 DOM 操作和事件处理。其中，val() 方法是 jQuery 中常用的方法之一，用于获取或设置表单元素的值。本文将详细介绍 val() 方法的用法及示例代码。
获取表单元素的值
val() 方法用于获取表单元素的值，可以用于 input、select、textarea 等元素。例如，如果我们有一个输入框的 HTML 代码如下：
------ ----------- ------------- ----------- -----
我们可以使用 val() 方法来获取输入框的值，并将其打印到控制台：
--- -------- - --------------------- ----------------------
上面的代码会输出 John Doe，这是输入框的初始值。
设置表单元素的值
除了获取表单元素的值，val() 方法也可以用于设置表单元素的值。我们可以通过传入参数来更新表单元素的值。例如，我们可以将上面的输入框的值改为 Jane Smith：
------------------------ --------
这样，输入框的值就会被更新为 Jane Smith。
处理表单元素的值
val() 方法不仅可以用于获取和设置表单元素的值，还可以用于处理表单元素的值。例如，我们可以根据用户输入的值来进行一些操作。下面是一个示例，当用户在输入框中输入内容时，将内容显示在另一个元素中：
------ ----------- ----------- ---- ------------------
----------------------- ---------- - --- ----- - -------------- ------------------------- ---
在上面的示例中，每当用户在输入框中输入内容时，会将输入的内容显示在 #output 元素中。
总结
通过上面的介绍，我们了解了 jQuery 中 val() 方法的用法，包括获取、设置和处理表单元素的值。val() 方法在处理表单操作时非常方便实用，能够简化代码，提高开发效率。希望本文能够帮助你更好地理解和应用 val() 方法。