【jQuery】简单的点击删除按钮清空输入框的内容
2017-02-09 10:27
453 查看
测试代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<div class="text">
出发地：<input type="text"/>
目的地：<input type="text"/>
</div>
<input class="btn" type="button" value="X"/>
</div>
<script src="../js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
/*点击删除 清空输入框的内容*/
$('.btn').click(function(){
$('.text input').val('');
});
});
</script>
</body>
</html>注意：必须引入jquery-1.11.3.js才能看到效果。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- map循环中点击按钮实现清空Input输入框内容
- Python3 Tkinter基础 Button Entry insert delete 点击按钮 向输入框赋值 或 清空输入框中的内容
- 用C#Winform写个简单的批量清空文件内容和删除文件的小工具
- jquery制作图片瀑布流点击按钮加载更多内容
- 使用Jquery实现点击文字变成输入框、点击按钮刷新网页
- jquery实现在一个框中输入内容，点击添加后，在另外一个框中显示出来，且能删除
- velocity页面下，使用jQuery实现点击添加按钮添加一行输入框
- jquery 当textarea里内容被清空时，提交按钮禁用
- JavaScript 点击单选按钮改变输入框（文本域）的内容
- jQuery点击按钮弹出遮罩层且内容居中特效
- Python3 Tkinter基础 Listbox Button 点击按钮删除选中的单个内容
- 使用jQuery通过点击它删除HTML表格行-超简单
- js简单实现表单中点击按钮动态增加输入框数量的方法
- 用jQuery设置href内容为空点击删除一行
- 输入框聚焦，点击时清空文本框_表单按钮特效
- 输入框点击内容清空或显示的js代码
- 点击Msgbox 中的确定按钮清空文本中的内容
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- jQuery简单实现点击文本框复制内容到剪贴板上的方法
- JQuery简单的按钮点击和文本框输入事件