在jquery中,callback方法用于作為效果方法的參數進行傳遞,該方法在當前動作完全完成之后執行,通常顯示為方法的最后一個參數,語法為“$(selector).hide(duration, easing, callback);”。
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery中callback方法怎么用
JavaScript語句逐行執行。但是,由于jQuery效果需要一些時間才能完成,因此下一個代碼行可能會在前一個效果仍在運行時執行。這會產生錯誤。
為了防止這種情況的發生,jQuery為每個效果方法提供了一個回調函數。
當前效果完成后,將執行回調函數。
回調函數作為效果方法的參數傳遞,它們通常顯示為方法的最后一個參數。
典型語法: $(selector).hide(duration, easing, callback);
下面的示例具有一個回調參數,該參數是在隱藏效果完成后將執行的函數:
示例如下:
<!DOCTYPE html> <html> <title>jQuery 使用回調函數示例</title> <head> <script src="js/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("段落現在隱藏起來了"); }); }); }); </script> </head> <body> <button>隱藏</button> <p>這是一個段落。</p> </body> </html>
輸出結果:
點擊按鈕后:
相關視頻教程推薦:jQuery視頻教程