jquery给input框赋值

jQuery 给 input 框赋值的方法

使用 jQuery 给 input 框赋值可以通过多种方式实现，以下是几种常见的方法：

1. 使用 val() 方法

val() 是 jQuery 中专门用于获取或设置表单元素值的方法。通过传入参数可以设置 input 的值。

$('#inputId').val('要设置的值');

2. 使用 attr() 方法

通过修改 input 的 value 属性也可以实现赋值。

$('#inputId').attr('value', '要设置的值');

3. 使用 prop() 方法

与 attr() 类似，但 prop() 更推荐用于布尔属性或动态属性。

$('#inputId').prop('value', '要设置的值');

4. 动态获取并赋值

可以从其他元素或变量获取值后赋给 input。

var dynamicValue = $('#sourceElement').text();
$('#inputId').val(dynamicValue);

5. 清空 input 值

如果需要清空 input 的值，可以传递空字符串。

$('#inputId').val('');

注意事项

• 确保 DOM 加载完成后再执行 jQuery 操作，可以将代码放在 $(document).ready() 中。
• 通过 val() 方法赋值是最推荐的方式，专为表单元素设计。
• 如果页面有多个相同 class 的 input，赋值会作用于所有匹配元素。

$(document).ready(function() {
    $('.inputClass').val('统一赋值');
});

示例

假设 HTML 中有一个 id 为 username 的 input：

<input type="text" id="username">

使用 jQuery 赋值的代码：

$('#username').val('张三');

执行后 input 框中会显示"张三"。