jQuery基本チュートリアル

jQuery効果

jQuery操作メソッド

jQuery遍歴

jQuery Ajax

jQuery雑項

jQueryのリファレンスマニュアル

jQueryのHTML/CSSメソッド jQueryの効果メソッド

jQuery効果queue()メソッド

jQueryの効果メソッド

queue()メソッドは、選択された要素に実行される関数のキューを表示します。

キューの中で、一つまたは複数の関数が実行を待っています。

通常、queue()メソッドはdequeue()メソッドが一緒に使用されます。

ある要素にはいくつかのキューがあります。通常、デフォルトのjQueryキューが一つだけあります。

構文：

$(selector).queue(queueName)

例

キューの長さを表示する：

例

$("span").text($("div").queue().length);

テストして見て‹/›

デキューを使ってカスタムキュー関数を終了し、キューを進行させる：

例

$("button").click(function(){
　　$("div")
　　.animate({left:"+=200px"},　2000)
　　.animate({top:"0px"},　600)
　　.queue(function()　{
　　　　$(this).toggleClass("blue").dequeue();
　　})
　　.animate({left:"10px",　top:"300px"},　700);
});

テストして見て‹/›

引数の値

引数	説明
queueName	（オプション）キューの名前。デフォルトはfx、標準の効果キュー

jQueryの効果メソッド

jQueryのHTML/CSSメソッド jQueryの効果メソッド