在 jQuery 中, 通过获得 input 元素对象, 使用 val() 方法便可以清空 input 中的内容. 下面本篇文章就通过示例来具体介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
jQuery 清空 input 中内容的示例
1, 新建一个 html 文件, 命名为 test.HTML, 用于讲解使用 jQuery 如何清空 input 中的内容.
2, 在 test.HTML 文件内, 引入 jQuery.min.JS 库文件, 成功加载该文件, 才能使用 jQuery 中的方法.
3, 在 test.HTML 文件内, 使用 input 标签创建一个文本框, 并设置其 id 为 myinput, 主要用于下面通过该 id 获得 input 对象.
4, 在 test.HTML 文件内, 使用 button 标签创建一个按钮, 按钮名称为 "清空内容".
5, 在 test.HTML 文件内, 给 button 按钮绑定 onclick 点击事件, 当按钮被点击时, 执行 clearinput() 函数.
6, 在 JS 标签中, 创建 clearinput() 函数, 在函数内, 通过 id(myinput) 获得 input 对象, 使用 val() 清空 input 文本框的内容.
7, 在浏览器打开 test.HTML 文件, 在文本框输入内容, 点击按钮, 查看实现的效果.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16690.html