jQuery 设置 input 值
简介
当我们使用 jQuery 进行网页开发时，经常会遇到需要设置 input 元素的值的情况。无论是用户自定义输入，还是通过 JavaScript 动态设置，都可以使用 jQuery 轻松实现。本文将向读者介绍如何使用 jQuery 设置 input 元素的值，并提供一些实用的代码示例。
基本语法
使用 jQuery 设置 input 元素的值非常简单。我们只需要指定 input 元素的选择器，并调用 val() 方法即可。val() 方法用于获取或设置 input 元素的值。当我们不传递参数时，它会返回当前 input 元素的值；当我们传递一个参数时，它会将参数设置为 input 元素的值。
下面是 val() 方法的基本语法：
// 获取 input 元素的值
$(selector).val();
// 设置 input 元素的值
$(selector).val(value);
其中，selector 是指 input 元素的选择器，可以是元素的 ID、类名、标签名等。value 是需要设置的值。
设置 input 元素的值
通过 ID 设置值
如果我们想通过 ID 设置 input 元素的值，首先需要给 input 元素设置一个 ID 属性。例如，我们有一个 ID 为 name 的 input 元素，我们可以使用下面的代码将其值设置为 "John"：
$('#name').val('John');
通过类名设置值
如果我们有多个相同类名的 input 元素，并且想同时设置它们的值，我们可以使用类名选择器来选择它们。例如，我们有一个类名为 email 的 input 元素，我们可以使用下面的代码将所有类名为 email 的 input 元素的值设置为 "example@example.com"：
$('.email').val('example@example.com');
通过标签名设置值
如果我们想通过标签名设置 input 元素的值，我们可以使用标签名选择器。例如，我们有一个标签名为 input 的 input 元素，我们可以使用下面的代码将其值设置为 "Hello World"：
$('input').val('Hello World');
通过属性选择器设置值
除了通过 ID、类名和标签名设置 input 元素的值，我们还可以使用属性选择器来选择 input 元素。例如，我们有一个属性名为 data-my-input 的 input 元素，我们可以使用下面的代码将其值设置为 "Hello"：
$('[data-my-input]').val('Hello');
动态设置 input 元素的值
除了静态设置 input 元素的值，我们还可以使用变量或函数动态设置值。例如，我们有一个变量 name，它的值为 "John"，我们可以使用下面的代码将 input 元素的值设置为变量的值：
var name = 'John';
$('#name').val(name);
我们还可以使用函数来动态设置 input 元素的值。例如，我们有一个函数 getName()，它返回一个字符串，我们可以使用下面的代码将 input 元素的值设置为函数的返回值：
function getName() {
return 'John';
}
$('#name').val(getName());
实用示例
表单输入验证
在表单输入验证中，我们经常需要动态设置 input 元素的值。例如，当用户输入不合法的数据时，我们可以使用 jQuery 设置 input 元素的值为合法的默认值。下面是一个示例，当用户输入的邮箱不合法时，将 input 元素的值设置为合法的默认邮箱：
$('#email').blur(function() {
var email = $(this).val();
if (!isValidEmail(email)) {
$(this).val('example@example.com');
}
});
function isValidEmail(email) {
// 验证邮箱的代码
// 返回 true 或 false
}
动态生成表单
在动态生成表单的场景中，我们需要使用 jQuery 动态设置 input 元素的值。例如，当用户点击一个按钮时，我们可以使用 jQuery 动态地生成一个包含默认值的表单。下面是一个示例，当用户点击按钮时，动态生成一个包含默认值的表单：
<button id="
