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