1. 程式人生 > >【jQuery】簡單的點選刪除按鈕清空輸入框的內容

【jQuery】簡單的點選刪除按鈕清空輸入框的內容

這裡寫圖片描述


測試程式碼如下:

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