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

【jQuery】简单的点击删除按钮清空输入框的内容_第1张图片


测试代码如下:


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

你可能感兴趣的:(jQuery)