【jQuery】简单的点击删除按钮清空输入框的内容

最新推荐文章于 2024-04-22 08:40:35 发布

邹大叔

最新推荐文章于 2024-04-22 08:40:35 发布

阅读量2.4w

点赞数 3

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/zuncle/article/details/54944451

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这里写图片描述

测试代码如下：

<!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才能看到效果。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

邹大叔

关注关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
【jQuery】简单的点击删除按钮清空输入框的内容

测试代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div> <div class="text"> 出发地：<input type="text"/> 目的地：<i
复制链接

扫一扫