首先来一张w3c对queue用法介绍
恩,好像是这个样子,在queue出场之前先谈谈jquery链式操作,举个栗子:
$('#div1').animate({ top:'50px', left:'100px' },'slow').css({ width:'300px', height:'300px' }).fadeOut();
这段代码很简单,那么它的效果是怎样的呢?首先div1同时向上移动50px,向左移动100px--->宽度和高度变为300px----->最后消失...
真的是这样吗?动手运行一下,细心的童鞋就会发现 它先宽度和高度变为300px,然后才是向上向左移动,最后消失。原因在于jquery链式操作队列,只有动画才被依次加入到这个队列中去,像toggle,show,hide,fadeIn,fadeOut...这些动画效果才会被按顺序依次执行。问题来了,非动画函数也想加入这个队列依次执行该怎么办?
queue闪亮登场,duang
$('#div1').animate({ top:'50px', left:'100px' },'slow') .queue(function(){ $(this).css({ width:'300px', height:'300px' }); //保证余下队列继续执行 $(this).dequeue(); }).fadeOut();
这样就会按照我们的想法运动了。。
顺便提一下dequeue,当调用 .dequeue() 时,会从序列中删除下一个函数,然后执行它。该函数反过来会(直接或间接地)引发对 .dequeue() 的调用,这样序列才能继续下去。
不是总结的总结:
1,用queue把函数加入队列(通常是函数数组)
2,用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行)
相关推荐
java 自定义Queue队列 java 自定义Queue队列
thinkphp5.0.24+queue 队列信息完整源码
本文实例讲述了JQuery中queue方法用法。分享给大家供大家参考,具体如下: jquery的queue方法 显示或操作在匹配元素上执行的函数队列 意思就是对匹配上的元素,显示作用在这个元素上的函数的个数,也就是上述所说的...
queue是python中的标准库,俗称队列。这篇文章给大家介绍了Python3 queue队列模块,包括模块中的常用方法及构造函数,需要的朋友参考下吧
Queue队列.rar
依次展开“Microsoft Message Queue (MSMQ) 服务器”、“Microsoft Message Queue (MSMQ) 服务器核心”, 然后选中要安装的消息队列功能的复选框。单击“确定”。 如果系统提示您重新启动计算机,请单击“确定”以...
易语言源码易语言Queue队列源码.rar
delphi中关于队列的使用QUEUE,已在delphi7中调试通过。 学习queue的小例子。
activemq的queue队列模式的maven,spring的demo
易语言Queue队列源码。@资源源码站。
易语言Queue队列源码,Queue队列,Test,Init,Count,IsEmpty,Clear,PopBin,PopBool,PopInt,PopStr,PushBin,PushBool,PushInt,PushStr,CoInitialize,CoUninitialize
Unity3d 队列 方法 Queue
C++写的Queue队列
用queue把函数加入队列(通常是函数数组)用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行)也就意味着当再次执行dequeue的时候,得到的是另一个函数了。同时也意味着,如果不执行dequeue,...
freeswitch queue队列动态获取(dialplan,gateway同理),我做的每一步都写上了,有兴趣的可以看看
消息队列 Queue与Topic区别
通过 queue 队列,我们可以将更新 GUI 的任务安全地传递给主线程,从而避免因为直接在子线程中更新 GUI 而导致的错误。 系统要求: Python 3.x tkinter 库(通常与 Python 标准库一起安装) queue 模块(Python ...
C++数据结构与算法分析中的队列的实现代码,代码可以运行的
该事例用于演示C#中队列的处理,当声明一个队列后,开启一个线程监控此队列,当有消息时就立刻传送出去。
NULL 博文链接:https://nuysoft.iteye.com/blog/1189156