当前位置:首页 > jquery

jquery清空input的值

2026-02-04 07:17:57jquery

使用 jQuery 清空 input 值的方法

方法一:使用 val() 方法
通过 jQuery 的 val() 方法将 input 的值设为空字符串:

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

适用于所有类型的 input 元素(text、password、email 等)。

方法二:通过属性选择器批量清空
如果需要清空页面中所有 input 的值,可以使用属性选择器:

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

也可以清空所有 input(包括 text、password 等):

$("input").val("");

方法三:清空表单内的所有 input
针对表单内的 input 元素,可以通过表单选择器实现:

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

或者直接重置整个表单(会还原到默认值):

$("#formId")[0].reset();

注意事项

jquery清空input的值

  • 确保 jQuery 已正确加载,否则代码会报错。
  • 对于动态生成的 input 元素,需使用事件委托或确保选择器在元素存在后执行。
  • reset() 方法会还原表单到初始状态,而不仅仅是清空值。

标签: 清空jquery
分享给朋友:

相关文章

jquery 面试题

jquery 面试题

jQuery 面试题常见考点 DOM 操作 选择器使用:$("#id"), $(".class"), $("tag") 元素增删改查:append(), remove(), html(),…

jquery 属性

jquery 属性

jQuery 属性操作 jQuery 提供了一系列方法来获取、设置和操作 HTML 元素的属性。以下是常用的属性操作方法: attr() 方法 用于获取或设置元素的属性值。获取属性时,传入属性名;设…

jquery 循环

jquery 循环

jQuery 循环方法 jQuery 提供了多种循环遍历元素或数组的方法,以下是常用的几种方式: each() 方法 each() 是 jQuery 中最常用的循环方法,用于遍历 jQuery 对象…

jquery列表

jquery列表

jQuery 列表操作 jQuery 提供了多种方法来操作 HTML 列表(如 <ul> 或 <ol>),包括动态添加、删除、修改列表项,以及事件绑定等。 创建列表 使用 j…

jquery链接

jquery链接

以下是关于jQuery官方资源链接及相关信息的整理: jQuery官方网站 主站链接: https://jquery.com/ 提供最新版本下载、文档、API参考及插件生态。 jQuery CDN链…

jquery源码

jquery源码

jQuery 源码解析 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其源码设计精妙,值得深入分析。 源码结构 jQuer…