jQuery回调函数demo

回调函数：被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。
1、效果图

2、代码

<div>
			<input type="button" value="隐藏" id="hide"/>
			<div class="test" style="width:200px;padding:50px;background: #f0f0f0;display: block;">test</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#hide").click(function(){
					$(".test").hide(function(){ //回调函数:test先隐藏,后出现弹框
						alert("隐藏了");
					});
					/*$(".test").hide(); //不使用回调函数，先出现弹框,test区域再隐藏
					alert("隐藏了"); */
				});
			});
		</script>