jquery1.10.3在线手册 dequeue([queueName])

2022-08-31 开发文档 jquery1.10.3在线手册 jquery 17

返回值:jQuerydequeue([queueName])

概述

从队列最前端移除一个队列函数,并执行他。

参数

[queueName]StringV1.2

队列名,默认为fx

示例

描述:

使用 dequeue() 终止一个自定义的队列函数

jQuery 代码:
$("div").queue(function () {
$(this).toggleClass("red");
$(this).dequeue();
});

描述:

用dequeue来结束自定义队列函数,并让队列继续进行下去。

HTML 代码:
<style>
div { margin:3px; width:50px; position:absolute;
height:50px; left:10px; top:30px;
background-color:yellow; }
div.red { background-color:red; }
</style>
<button>Start</button>
<div></div>
jQuery 代码:
$("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);
});