jQuery 按名称获取值 - JavaScript

在 JavaScript 中，通过 jQuery 库可以简洁地获取表单中的值。本文将介绍如何通过 jQuery 按名称获取表单中的值。

代码示例

以下是获取表单中某个名称为“name”的输入框的值的示例代码：

var nameValue = $('input[name=name]').val();

通过此代码，我们使用 $() 函数选择器来选取名称为“name”的输入框，再调用 val() 方法获取其中的值，存入变量 nameValue 中。

详细说明

$() 函数选择器

在 jQuery 中，$() 函数被用来以选择器方式访问文档中的元素。下面是一些示例：

• $('input')：选取所有的 input 元素
• $('#myId')：选取 ID 为 myId 的元素
• $('.myClass')：选取类名为 myClass 的元素

val() 方法

在 jQuery 中，val() 方法返回被选元素的值。对于表单元素，例如 input 和 textarea，它返回元素的当前值。

name 属性选择器

在 jQuery 中，通过方括号指定属性名称的值，就可以选择具有该特定属性值的元素。例如，我们可以选择所有具有特定名称的 input 元素：

$('input[name=name]')

[name=name] 选择器将选择所有 name 属性值为 name 的 input 元素。

结论

通过使用 $() 函数选择器和 val() 方法，我们可以方便地按名称获取表单中的值。上述示例演示了如何选择名称为“name”的输入框，并获取其中的值，可以轻松地根据需要对其进行更改和拓展。

参考资料：

• jQuery API 文档：属性选择器
• jQuery API 文档：val() 方法