jquery清空input

使用 val() 方法清空 input

通过 jQuery 的 val() 方法可以快速清空 input 元素的值。将空字符串作为参数传入即可实现清空效果。

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

使用 attr() 方法修改 value 属性

另一种方式是使用 attr() 方法直接修改 input 的 value 属性。这种方法同样能达到清空输入框的效果。

$("#inputId").attr("value", "");

清空表单中的所有 input

如果需要清空整个表单中的所有 input 元素，可以使用以下代码。这种方法会遍历表单内的所有 input 元素并清空其值。

$("#formId").find("input").val("");

清空特定类型的 input

针对特定类型的 input 元素（如 text、password 等），可以通过属性选择器进行精确清空。

$("input[type='text']").val("");

使用 prop() 方法重置值

在某些情况下，使用 prop() 方法重置 input 的 value 属性可能更有效，尤其是在处理动态生成的元素时。

$("#inputId").prop("value", "");

清空 textarea 元素

上述方法同样适用于 textarea 元素。通过选择器定位 textarea 并使用 val() 方法清空内容。

$("#textareaId").val("");

注意事项

• 确保选择器能正确匹配到目标元素，否则操作不会生效。
• 对于动态加载的内容，需要在元素存在后执行清空操作，可以使用事件委托或回调函数。
• 某些浏览器可能会保留 input 的历史记录，清空操作不会清除这些记录。