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

来源:互联网 发布:c 的sms源码 编辑:程序博客网 时间:2024/04/29 18:24

这里写图片描述


测试代码如下:

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

0 0
原创粉丝点击