<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery Callback</title>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
</head>
<body>
<button>隐藏</button>
<p>我们这段落,点击“隐藏”按钮就会消失</p>
</body>
<script >
//Callback 函数在当前动画 100% 完成之后执行。
//使用了callback回调函数
/*$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
});*/
//没有使用callback回调函数
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("段落现在被隐藏了");
});
});
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery Callback</title>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
</head>
<body>
<button>隐藏</button>
<p>我们这段落,点击“隐藏”按钮就会消失</p>
</body>
<script >
//Callback 函数在当前动画 100% 完成之后执行。
//使用了callback回调函数
/*$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
});*/
//没有使用callback回调函数
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("段落现在被隐藏了");
});
});
</script>
</html>