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