jQuery 入门教程(10): 回调函数

JavaScript语句是一行一行执行的，然而对于前面的动画效果语句，后面的语句可以在动画效果完成前就执行，因此可能会造成错误的结果。
所以之前的hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数，支持为这些方法添加一个回调函数，在动画完成之后调用。

典型的语法如下：

$(selector).hide(speed,callback);

比如，下面的例子中<p>隐藏之后执行：

[javascript]  view plain copy print ?

1. $("button").click(function(){  
2.   $("p").hide("slow",function(){  
3.     alert("The paragraph is now hidden");  
4.   });  
5. });  

而下面的例子的Alert 在

隐藏完成之前就显示。

[javascript]  view plain copy print ?

1. $("button").click(function(){  
2.   $("p").hide(1000);  
3.   alert("The paragraph is now hidden");  
4. });