jQuery

实例;事件;性能;移动;基础

queue

英 [kju:]   美 [kju]  

n.（人或车辆）行列，长队;辫子

vi.（人、车等）排队等候

vt.（使）排队，列队等待

jquery jQuery.queue() 方法 语法

作用：queue() 方法显示或操作在匹配元素上执行的函数队列。这是底层级的方法；使用 .queue() 更加方便。

语法：.queue(queueName)

参数：

参数描述
queueName可选。字符串值，包含序列的名称。默认是 fx, 标准的效果序列。 

操作队列：queue() 方法操作在匹配元素上执行的函数队列。

语法：.queue(queueName,newQueue)

参数：

参数描述
queueName    可选。字符串值，包含序列的名称。默认是 fx, 标准的效果序列。  

说明：每个元素均可拥有一到多个由 jQuery 添加的函数队列。在大多数应用程序中，只使用一个队列（名为 fx）。队列运行在元素上异步地调用动作序列，而不会终止程序执行。典型例子时调用元素上的多个动画方法。

jquery jQuery.queue() 方法 示例

<!DOCTYPE html>
<html>
<head>
  <style>div { margin:3px; width:40px; height:40px;
        position:absolute; left:0px; top:60px; 
        background:green; display:none; }
  div.newcolor { background:blue; }
  p { color:red; }  </style>

  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>

<p>队列长度是：<span></span></p>
<div></div>

<script>
var div = $("div");

function runIt() {
  div.show("slow");
  div.animate({left:'+=200'},2000);
  div.slideToggle(1000);
  div.slideToggle("fast");
  div.animate({left:'-=200'},1500);
  div.hide("slow");
  div.show(1200);
  div.slideUp("normal", runIt);
}

function showIt() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(showIt, 100);
}

runIt();
showIt();
</script>

</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例