Callback是指在一個函數(shù)執(zhí)行完畢之后,調(diào)用另一個函數(shù)的行為。在jQuery中,Callback也是一個重要的部分,使得任何一個函數(shù)都可以在執(zhí)行完畢之后調(diào)用另一個函數(shù)來完成一些操作。jQuery團隊已經(jīng)替我們準備了一些好用的Callback函數(shù),讓我們來看一下吧。
$(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); }); });
上面的代碼展示了一個經(jīng)典的Callback函數(shù)的例子。當button被點擊的時候,p標簽會慢慢地被隱藏起來。這個過程需要一段時間,所以我們把一個Alert函數(shù)放到了回調(diào)函數(shù)中,以便在p標簽隱藏完成之后彈出提示。
$(document).ready(function(){ $("button").click(function(){ $("p").hide(1000); $("h1").css("color", "red"); }); });
在這個例子中,我們將p標簽隱藏的時間設(shè)置為1000毫秒,即1秒鐘。在p標簽被隱藏后,h1標簽的字體顏色會變成紅色。在這個例子中,我們沒有使用回調(diào)函數(shù),而是讓每個函數(shù)按照時間順序依次執(zhí)行。
使用回調(diào)函數(shù)不僅可以讓您的代碼更加靈活,還可以允許您在函數(shù)執(zhí)行完成之后,使用一些額外的方法來增強您的代碼。
當然,這些只是jQuery Callback的一小部分,如果您想了解更多關(guān)于Callback的知識,推薦您閱讀jQuery官方文檔。