Jquery工做经常使用实例——回调函数的使用
当动画 100% 完成后，即调用 Callback 函数。若是咱们没用callback而是直接用语句，那么有可能达不到咱们想要的效果，好比我下面的一个实例：javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("p").hide("slow");
alert("内容已经隐藏了!");
})
})
</script>
</head>
<body>
<p>Hello,my name is Adam Li.</p>
<input id="button" type="button" value="Click me to see what happened" />
</body>
</html>
我是想点击按纽“Click me to see what happened”以后先把p段落里的全部内容隐藏，再弹出对话框提示用户。可事实并非这样，结果是先弹出对话框再隐藏段落里的内容，显然这不是咱们要的。html
再看看我从新修改后的：java
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("p").hide("slow",function(){
alert("内容已经隐藏了!");
});
})
})
</script>
</head>
<body>
<p>Hello,my name is Adam Li.</p>
<input id="button" type="button" value="Click me to see what happened" />
</body>
</html>
此时我点击“Click me to see what happened”时将先将内容隐藏，再弹出对话框，目的已达到，这就是使用与不使用回调函数的区别，固然，它的用途还不止于此，更多的还要咱们常用才能知道它的更多用处，好比咱们在用fadeOut()后再执行回调fadeIn()，那么将淡出再淡入，又好比咱们在使用hide()后再执行回调show()，那么将先隐藏再显示等等。jquery
- 1. Jquery工做经常使用实例——Ajax load函数的使用
- 2. jquery 经常使用函数
- 3. jquery 经常使用 函数
- 4. jQuery 经常使用工具函数
- 5. Jquery工做经常使用实例——动画功能实现
- 6. jQuery 中的经常使用函数
- 7. jquery: 如何使用回调函数
- 8. Jquery工做经常使用实例--ajaxStart与ajaxStop(ajaxComplete)
- 9. jQuery经常使用操做
- 10. jQuery经常使用函数（一）：基础
- 更多相关文章...
- • TortoiseSVN 使用教程 - SVN 教程
- • Docker 容器使用 - Docker教程
- • Composer 安装与使用
- • 使用Rxjava计算圆周率
-
每一个你不满意的现在，都有一个你没有努力的曾经。