jQuery

實(shí)例;事件;性能;移動(dòng);基礎(chǔ)

queue

英 [kju:]? ?美 [kju]??

n.（人或車輛）行列，長(zhǎng)隊(duì);辮子

vi.（人、車等）排隊(duì)等候

vt.（使）排隊(duì)，列隊(duì)等待

jquery jQuery.queue() 方法 語(yǔ)法

作用：queue() 方法顯示或操作在匹配元素上執(zhí)行的函數(shù)隊(duì)列。這是底層級(jí)的方法；使用?.queue()?更加方便。

語(yǔ)法：.queue(queueName)

參數(shù)：

參數(shù)描述
queueName可選。字符串值，包含序列的名稱。默認(rèn)是 fx, 標(biāo)準(zhǔn)的效果序列。?

操作隊(duì)列：queue() 方法操作在匹配元素上執(zhí)行的函數(shù)隊(duì)列。

語(yǔ)法：.queue(queueName,newQueue)

參數(shù)：

參數(shù)描述
queueName? ??可選。字符串值，包含序列的名稱。默認(rèn)是 fx, 標(biāo)準(zhǔn)的效果序列。??

說(shuō)明：每個(gè)元素均可擁有一到多個(gè)由 jQuery 添加的函數(shù)隊(duì)列。在大多數(shù)應(yīng)用程序中，只使用一個(gè)隊(duì)列（名為 fx）。隊(duì)列運(yùn)行在元素上異步地調(diào)用動(dòng)作序列，而不會(huì)終止程序執(zhí)行。典型例子時(shí)調(diào)用元素上的多個(gè)動(dòng)畫方法。

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>隊(duì)列長(zhǎng)度是：<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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例