jquery设置input的value值

使用 jQuery 设置 input 的 value 值

通过 jQuery 可以方便地设置 input 元素的 value 值，以下是几种常见方法：

方法 1：使用 val() 方法

通过 val() 方法可以直接设置 input 的 value 值。这是最常见的方式。

$("#inputId").val("新的值");

方法 2：使用 attr() 方法

attr() 方法可以设置 input 的 value 属性值。

$("#inputId").attr("value", "新的值");

方法 3：直接操作 DOM 属性

通过 jQuery 获取 DOM 元素后，可以直接设置其 value 属性。

$("#inputId")[0].value = "新的值";

方法 4：动态设置多个 input 的值

如果需要批量设置多个 input 的值，可以通过类选择器或属性选择器实现。

$(".inputClass").val("统一的值");

注意事项

• val() 方法更推荐用于表单元素（如 input、select、textarea），而 attr() 适用于更通用的属性操作。
• 直接操作 DOM 属性的方式在某些情况下可能不如 jQuery 方法稳定。

示例代码

以下是一个完整的示例，展示如何通过按钮点击事件设置 input 的值：

<input type="text" id="myInput" value="初始值">
<button id="setValueBtn">设置值</button>

<script>
$("#setValueBtn").click(function() {
    $("#myInput").val("新的值");
});
</script>