callback回调函数是在当前特效或动画100%完毕后才进行运行的。
JavaScript是一行一行按顺序执行的,而callback回调函数属于异步回调。不会对脚本主进程造成阻塞,非常适合前端很多方法的执行回调,因为很多前端操作都会占用一定时间的,阻塞会从质上毁灭JavaScript这门语言的应用场景。
回调函数的语法,以fadeToggle为例:$(selector).fadeToggle(speed,callback);
案例1:直接传入回调函数作为参数
$(document).ready(function(){ $("button").click(function(){ $("p").toggle( 2000, function(){ alert("反清复明"); } ); }); });
案例2:单独定义回调函数,传入回调函数名即可
function fan_qing_fu_ming(){ alert("反清复明"); } $(document).ready(function(){ $("button").click(function(){ $("p").toggle( 2000, fan_qing_fu_ming ); }); });
上面两个例子效果是一样的;在上述两例中,toggle结束后,会弹出3次“反清复明”,因为jQuery的该选择器是同时选中了3个p元素,因此是3个p元素总共进行了3次toggle方法,因此,toggle方法结束后,总共弹出了3次“反清复明”。