queue

英[kju:] 美[kju]

n. (人または車両) 行列、長い行列; 三つ編み

vi. (人、車など) 並んで待つ

vt. (作る) 並んで、並んで待つ

jquery queue() メソッド 構文

関数: queue() メソッドは、一致する要素で実行される関数キューを表示または操作します。

構文: .queue(queueName)

パラメータ: queueName オプション。シーケンスの名前を含む文字列値。デフォルトは fx (標準エフェクト シーケンス) です。

操作キュー: queue() メソッドは、一致する要素で実行される関数キューを操作します。

構文: .queue(queueName,newQueue)

##パラメータ: queueName オプション。シーケンスの名前を含む文字列値。デフォルトは fx (標準エフェクト シーケンス) です。

注: 各要素には、jQuery によって追加された 1 つ以上の関数キューを含めることができます。ほとんどのアプリケーションでは、キュー (fx という名前) が 1 つだけ使用されます。キューは非同期的に実行され、プログラムの実行を終了せずに要素に対する一連のアクションを呼び出します。典型的な例は、要素に対して複数のアニメーション メソッドを呼び出すことです。

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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します