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>
运行实例 »

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