jQuery的click()方法在點擊事件發生時會執行特定的代碼。然而,有時候在點擊事件執行后追加一些代碼也很有必要。這就需要我們使用click()方法的回調函數。
$('#btn').click(function(){ alert('按鈕被點擊了!'); }).promise().done(function(){ alert('這段代碼在按鈕被點擊后執行!'); });
以上代碼定義了一個按鈕的點擊事件,并在點擊事件執行后(即alert('按鈕被點擊了!'))再執行一段代碼(即alert('這段代碼在按鈕被點擊后執行!'))。注意我們使用了jQuery的promise()方法來實現這個效果。
這種技巧非常常見,比如我們可能需要在點擊按鈕后發送一個AJAX請求。使用click()方法的回調函數能讓我們輕松實現這個功能:
$('#btn').click(function(){ $.ajax({ url: 'http://example.com', success: function(data){ $('#result').html(data); } }); });
在按鈕被點擊后,我們發送了一個AJAX請求,然后將返回的數據填充到頁面中。使用click()方法的回調函數,我們可以很好地控制代碼執行的順序,并實現復雜的功能。