Jquery如何在链式操作中使用hide(), delay()和show()?
2016-02-23 14:03
531 查看
jQuery开发中最快速的编程方式就是链式操作,在开发一个简单的定制加载页面过程中,我需要能够让一个页面元素出现,延时1000毫秒,最后消失,本来这个过程非常简单,我觉得直接使用如下代码即可搞定:
但是,让我费解的是,这个代码即不出错,也不显示我希望出现的元素,然后消失。
本身这个代码没有任何问题,如果大家尝试使用下面的代码,可以正常工作。
本身这俩行代码没有太多区别啊,但是上面代码就是无法正常工作,无奈之下,Google了一下,发现原因了。
如果你将以上代码修改为
你会惊奇的发现,可以正常工作了。
原因在于1.4中添加的delay()方法将会允许其它在特效队列中的方法延迟执行,只有一个队列中的子事件才可以被延迟,例如,这个方法不会延迟没有参数的方法,因为没有参数的方法不使用特效的队列。
1 | $( "#gbin1-text" ).show().delay( 1000 ).hide(); |
本身这个代码没有任何问题,如果大家尝试使用下面的代码,可以正常工作。
1 | $( '#gbin1-text' ).slideUp( 300 ).delay( 800 ).fadeIn( 400 ); |
如果你将以上代码修改为
1 | $( "#gbin1-text" ).show( 0 ).delay( 1000 ).hide( 0 ); |
原因在于1.4中添加的delay()方法将会允许其它在特效队列中的方法延迟执行,只有一个队列中的子事件才可以被延迟,例如,这个方法不会延迟没有参数的方法,因为没有参数的方法不使用特效的队列。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法