jQuery Callback 函数

Query Callback 函数

当动画 100% 完成后，即调用 Callback 函数。

典型的语法：

$(selector).hide(speed,callback)

callback 参数是一个在 hide 操作完成后被执行的函数。

错误（没有 callback）

<!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=utf-8" />
<script src="jquery.js"></script>
<script>$(document).ready(function(){$("button").click(function(){$("p").hide(1000);alert("现在隐藏段落！")})})
</script>
</head><body>
<button type="button">Hide</button>
<p>内容内容</p></body>
</html>

效果图：

正确（有 callback）

<!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=utf-8" />
<script src="jquery.js"></script>
<script>$(document).ready(function(){$("button").click(function(){$("p").hide(function(){alert("现在隐藏段落！")})})})</script>
</head><body>
<button type="button">Hide</button>
<p>内容内容</p></body>
</html>

效果图：

结论：如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数。

jQuery Callback 函数相关推荐

008_效果和动画的Callback函数
1. Callback函数在当前效果或动画100%完成之后执行. 2. jQuery动画的问题 2.1. 许多jQuery函数涉及动画.这些函数也许会将speed或duration作为可选参数. 2. ...
callback 函数的用法
callback函数会在当前动画100%完成之后才会执行 jQuery Callback函数的用法: $(selector).hide(speed,callback); speed 或 duratio ...
javascript callback函数的理解与使用
最近做的一个项目中用到了callback函数,于是就研究了下总结下我对javascript callback的理解首先从callback的字面翻译"回调" 可以理解这是一个函数被 ...
jQuery.extend 函数使用详解
jQuery.extend 函数使用详解一.总结一句话总结: jquery $.extend的作用就是:用于将一个或多个对象的内容合并到目标对象:$.extend( target [, objec ...
从零开始学习jQuery (九) jQuery工具函数
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
从零开始学习jQuery (九) jQuery工具函数【转】
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就 ...
Query框架学习第九天：jQuery工具函数介绍与使用
j jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用j ...
js进阶 13 jquery动画函数有哪些
js进阶 13 jquery动画函数有哪些一.总结一句话总结: 二.jquery动画函数有哪些原生JavaScript编写动画效果代码比较复杂,而且还需要考虑兼容性.通过jQuery,我们使用简 ...
jQuery框架学习第九天：jQuery工具函数介绍与使用
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...

jQuery Callback 函数

Query Callback 函数

典型的语法：

错误（没有 callback）

效果图：

正确（有 callback）

jQuery Callback 函数相关推荐

最新文章

热门文章