dequeue([queueName])


version 1.2 以降

解説

マッチした要素のキューの先頭から、関数を取り出し実行します。

概念図

引数

  • [queueName]オプション
    String: キューの名前。指定しない場合は、デフォルトの fx キューを対象とします。

戻り値

  • jQuery: jQueryオブジェクト

例1:アニメーション毎に"green"クラスを切り替えて色が変わるように、キューに登録します。

$("#test1_run").click(function(){
    $("#test1 .block")
        .animate({height: "hide", opacity: 0.2}, 1500, "linear")
        .queue(function(){     // キューに追加
            $(this)
                .toggleClass("green")
                .dequeue();    // 次の処理を取り出して実行
        })
        .animate({height: "show", opacity: 1.0}, 2000, "swing");
});

テスト1

.block