10011---jQuery--Callback&Chaining
2015-12-04 18:18
816 查看
Callback 函数在当前动画 100% 完成之后执行
jQuery 动画的问题
许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。
实例
以下实例在隐藏效果完全实现后回调函数:
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示: 这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:
Callback 函数在当前动画 100% 完成之后执行
jQuery 动画的问题
许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。
实例
以下实例在隐藏效果完全实现后回调函数:
$("button").click(function(){ $("p").hide("slow",function(){ alert("The paragraph is now hidden"); }); });以下实例没有回调函数,警告框会在隐藏效果完成前弹出:
$("button").click(function(){ $("p").hide(1000); alert("The paragraph is now hidden"); });
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示: 这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
相关文章推荐
- jquery登录界面边框移动效果
- 10010---jQuery效果--动画/停止动画
- jQuery移动页面开发中主题按钮的设计示例
- jquery radio的取值 radio的选中 radio的重置
- 《jQuery基础教程》学习笔记(一)——jQuery事件
- jQuery 2.0.3 - 整体架构
- 三言两语说一下jquery中deferred对象
- 统一处理jquery ajax请求过程中的异常错误信息的机制
- 使用 jquery 事件委托的 on 方法
- 10009---jQuery效果--滑动
- jQuery选择器总结
- Jquery.mask.js源码阅读
- 浅析jQuery移动开发中内联按钮和分组按钮的编写
- Jquery 工具类函数
- 10008---jQuery效果--淡入淡出
- JQuery学习笔记
- 使用jQuery在移动页面上添加按钮和给按钮添加图标
- 10007---jQuery效果--显示/隐藏
- jQuery-1.9.1源码分析系列(十六)ajax——jsonp原理
- jQuery-1.9.1源码分析系列(十六)ajax——jsonp原理