jQuery Callback 方法

jQuery Callback 方法

1.为什么要使用callback回调函数

JavaScript语句逐行执行,但由于jQuery效果需要一些时间才能完成，因此下一个代码行可能会在前一个效果仍在运行时执行从而产生错误。为了防止这种情况的发生，jQuery为每个效果方法提供了一个回调函数。

2.怎么使用callback回调函数

回调函数作为效果方法的参数传递，它们通常显示为方法的最后一个参数。

3.callback回调函数的执行时间

Callback 函数在当前动画 100% 完成之后执行。也就是当前效果完成后，将执行回调函数。

4.callback回调函数的语法

$(selector).hide(duration, easing, callback);

5.callback回调函数实例

使用callback回调函数：

<script>
	$(document).ready(function(){
	  $("button").click(function(){
	    $("p").hide("slow",function(){
	      alert("已隐藏");
	    });
	  });
	});
</script>

不使用callback回调函数:

<script>
	$(document).ready(function(){
		$("button").click(function(){
		  $("p").hide(1000);
		  alert("已隐藏");
		});
	});
</script>

注：此时警告框会在隐藏效果完成前弹出