jQuery的click方法是用來監聽一個HTML元素的點擊事件,并且可以同步執行一些代碼。
$(selector).click(function(){ //執行代碼 });
通過以上代碼,我們可以看出click方法是由一個選擇器和一個回調函數組成。當HTML元素被點擊時,回調函數中的代碼就會被執行。
如果需要監聽多個元素的點擊事件,可以采用以下方式:
$(document).on('click', selector, function(){ //執行代碼 });
使用on方法可以監聽整個文檔對象的點擊事件,并且使用selector參數來指定需要監聽點擊事件的HTML元素。
在click方法中,回調函數中的代碼是同步執行的。也就是說,當點擊事件被觸發時,回調函數中的代碼會立即執行,直到執行完畢后才會執行下一個代碼。
$(selector).click(function(){ console.log('start'); //執行耗時操作 console.log('end'); });
以上代碼中,console.log('start')和console.log('end')兩行代碼是同步執行的。如果執行耗時操作的代碼在中間,那么同樣會阻塞后面的代碼執行。
因此,在回調函數中不要編寫太多的代碼,以免影響用戶體驗。如果需要執行較長時間的操作,可以使用異步執行的方式,比如使用setTimeout、setInterval、Promise等。
下一篇mysql一次性視圖