`
sungang_1120
  • 浏览: 310074 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

jQuery1.9(动画效果)学习之——.dequeue( [queueName ] )

阅读更多

 

描述: 执行匹配元素队列的下一个函数。

 

.dequeue( [queueName ] )

 

  • queueName
    类型: String
    一个含有队列名的字符串。默认是fx,标准的效果队列。

.dequeue()被调用的时候,列队中的下一个函数将从这个列队中被移除,然后再执行。这个执行的函数中也应当直接或间接的包含 .dequeue()语句,这样才能继续执行队列中的其它函数,所以,这个序列可以继续。

 

例子:

在自定义队列函数中,使用 dequeue 来做结尾,以便队列可以继续运行下去。

<!DOCTYPE html>
<html>
<head>
<style>
div { margin:3px; width:50px; position:absolute;
height:50px; left:10px; top:30px;
background-color:yellow; }
div.red { background-color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Start</button>
<div></div>
<script>
$("button").click(function () {
$("div").animate({left:'+=200px'}, 2000);
$("div").animate({top:'0px'}, 600);
$("div").queue(function () {
$(this).toggleClass("red");
$(this).dequeue();
});
$("div").animate({left:'10px', top:'30px'}, 700);
});
</script>
</body>
</html>

 

分享到:
评论

相关推荐

    JQuery 1.4.1 API Reference 速查手册.chm

    dequeue(name) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, ...

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    queue(([ queueName ] [, newQueue ]) || ([ queueName ,] callback ))(获取或设置当前匹配元素上待执行的函数队列. 如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列;设置队列(替换...

    jQuery中dequeue()方法用法实例

    本文实例讲述了jQuery中dequeue()方法用法。分享给大家供大家参考。具体分析如下: 此函数能够从队列最前端移除一个队列函数,并执行它。 建议和queue()函数一起学习。 语法结构: 代码如下:$(selector).dequeue...

    jQuery 1.5 API 中文版

    $.dequeue( [name] ), jQuery.dequeue( [name] ) objjQuery.data( element, key ), jQuery.data( ) obj.data( ), .data( key ) $.data( key, val ), .data( obj ) $.removeData( [name] ) [fn].queue( [name] ) ...

    jQuery 参考手册 速查表

    jQuery 3.1 参考手册 jQuery 核心函数 jQuery([sel,[context]])...dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex])

    jquery1.11.0手册

    dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val|fn) removeAttr(name) ...

    CSharp.8.Queue

    Queue &lt; string&gt; numbers = new Queue (); agregar:入队 numbers . Enqueue ( " one " ); numbers . Enqueue ( " two " ); numbers . Enqueue ( " three " ); numbers . Enqueue ( " four " ); numbers . Enqueue...

    jQuery使用动画队列自定义动画操作示例

    jQuery的queue()方法和dequeue()方法配合使用,可以完成对函数队列的操作。 实现步骤: 1、新建一个函数数组,把动画函数依次放进去; 2、调用queue()方法将动画函数数组加入队列中; 3、利用dequeue()方法取出函数...

    jQuery队列控制方法详解queue()/dequeue()/clearQueue()

    queue(name,[callback]): 当只传入一个参数时, 它返回并指向第一个匹配元素的队列(将是一个函数数组,队列名默认是fx); 当有两个参数传入时, 第一个参数还是默认为fx的的队列名, 第二个参数又分两种情况, 当第二个...

    queue:在Node中实现的队列数据结构

    var queue = new Queue ( ) ; queue . enqueue ( 'bird' ) ; queue . enqueue ( 'cat' ) ; queue . enqueue ( 'dog' ) ; queue . dequeue ( ) // 'bird' queue . dequeue ( ) // 'cat' queue . dequeue ( ) // 'dog'...

    jQuery 1.4.1 中文参考

    2.4.4 dequeue(name) 33 2.4.5 clearQueue([queueName]) 34 2.5 插件机制 34 2.5.1 jQuery.fn.extend(object) 34 2.5.2 jQuery.extend(object) 35 2.6 多库共存 35 2.6.1 jQuery.noConflict() 35 2.6.2 jQuery....

    利用Jquery队列实现根据输入数量显示的动画

    通过$.queue和$.dequeue来实现动画队列的存取与取出实现效果。首先通过按照input输入的数字来形成对应数量效果对象的数组。然后在把数组存放到$.queue中,最后通过click me按钮触发,一个一个取出动画序列,实现动画...

    rocksq:基于RocksDB的嵌入式持久队列

    Rocksq 基于RocksDB的嵌入式持久队列例子store, err := rocksq.NewStore(rocksq.StoreOptions{ Directory: "/opt/rocksq",MemorySize: 5 * 1024 * 1024,})defer store.Close()q, err := store.NewQueue("queue_name...

    tiny-linked-queue:由链表实现的小javascript队列

    由链表实现的入enqueue和dequeue操作具有O(1)时间复杂性,比Array.prototype.shift花费O(n)更快。 用法 npm install -D tiny-linked-queue const Qeueue = require ( 'tiny-linked-queue' ) const q = new ...

    DBMS_AQ 不能出队

    DBMS_AQ 莫名其妙不知道为什么不能出队, 入队正常, 手动出队正常, 不能自动出队

    jQuery中常用动画效果函数(日常整理)

    jquery中动画效果非常多,下面小编给大家分享一下jquery中的动画函数。 jQuery的效果函数列表:  animate():对被选元素应用“自定义”的动画。  clearQueue():对被选元素移除所有排队的函数(仍未运行的)。  ...

    jQuery中queue()方法用法实例

    本文实例讲述了jQuery中queue()方法用法。分享给大家供大家参考。具体分析如下: 此方法能够显示或者操作在匹配元素上执行的函数队列。 此方法可能用的并不是太频繁,但是却非常的重要,下面就结合实例来介绍一下次...

    JQuery新版中文手册

    dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val|fn) removeAttr(name) ...

    jQuery帮助文档

    queue(name ,[cb|queue]) dequeue(name) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr(key, value) attr...

Global site tag (gtag.js) - Google Analytics