肉渣教程

jQuery 回调

上一节 下一节

callback回调函数是在当前特效或动画100%完毕后才进行运行的。

jQuery Callback 回调函数

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次“反清复明”。


jQuery 回调

上一节 下一节