jQuery是一款非常流行的JavaScript庫,它可以讓我們輕松地操作處理網頁元素和交互效果。其中一個非常常見的應用場景就是清空輸入框。在我們的應用中,經常需要讓用戶清空輸入框,以便重新輸入新的內容。在jQuery中,這個過程非常簡單,只需要使用一個小小的代碼片段就可以實現。
$(document).ready(function(){ $('#clearBtn').click(function(){ $('input[type="text"]').val(''); }); });
首先,在頁面中我們需要一個按鈕來觸發清空輸入框的功能。在這里我們使用了一個id為clearBtn的按鈕。
<button id="clearBtn">清空</button>
接下來,在jQuery的準備函數中,我們給按鈕添加一個click事件,當用戶點擊按鈕時,執行一段代碼。我們使用了一個選擇器來選中所有類型為text的輸入框,然后使用val方法將其值設置為空。
$('input[type="text"]').val('');
以上就是使用jQuery清空輸入框的全部代碼。代碼非常簡單易懂,適合初學者使用。