当前位置:首页 > jquery

jquery清空input的值

2026-02-04 07:17:57jquery

使用 jQuery 清空 input 值的方法

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

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

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

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

jquery清空input的值

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

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

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

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

jquery清空input的值

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

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

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

注意事项

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

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

相关文章

jquery插件库

jquery插件库

jQuery插件库推荐 jQuery插件库提供了丰富的扩展功能,帮助开发者快速实现常见的前端交互效果。以下是一些常用的jQuery插件库和资源: 1. 官方jQuery插件注册中心jQuery Pl…

jquery 筛选器

jquery 筛选器

jQuery 筛选器 jQuery 筛选器用于从一组匹配的元素中进一步筛选出符合条件的子集。这些筛选器可以基于元素的位置、内容、属性或状态进行筛选。 基本筛选器 :first 选择第一个匹配的元素。…

jquery css

jquery css

jQuery 操作 CSS 的方法 jQuery 提供了多种方法来操作元素的 CSS 样式,包括获取、设置、添加或移除样式。以下是常用的方法: 获取 CSS 属性值 使用 .css() 方法获取元素…

jquery视频

jquery视频

以下是关于 jQuery 视频学习资源的整理,涵盖免费教程、实战项目和进阶内容: 免费在线教程 W3School jQuery 教程 提供基础语法、选择器、事件处理等内容的交互式练习,适合快速入门。…

jquery隐藏显示

jquery隐藏显示

jQuery隐藏与显示方法 jQuery提供了多种方法控制元素的隐藏和显示,以下为常用方法及示例: hide() 和 show() hide():隐藏匹配元素,默认无动画效果。$("#ele…

jquery 上传文件

jquery 上传文件

jQuery 上传文件的方法 使用 jQuery 上传文件可以通过多种方式实现,以下是几种常见的方法: 使用 FormData 和 AJAX 这种方法适用于现代浏览器,支持异步上传文件而不需要刷新页…