jQuery_jqueryでのdequeue()メソッドの使用例

この記事の例では、jQuery での dequeue() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

この関数は、キュー関数をキューの先頭から削除して実行します。
queue()関数と合わせて学習することをお勧めします。

文法構造:

コードをコピー コードは次のとおりです:

$(selector).dequeue(queueName)

パラメータリスト:

参数	描述
queueName	可选。队列的名称。 默认是 "fx"，动画队列。

实例代码:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("ボタン").click(function (){
    $("div").animate({left:' =200px'}, 2000);
    $("div").animate({top:'0px'}, 600);
    $("div").queue(function(){
      $(this).toggleClass("red");
      $(this).dequeue();
    });
    $("div").animate({left:'10px', top:'30px'}, 700);
  });
})



  開始
 

注意: を実行した後、もう一度 F5 キーを押して新しいネットワークを開くと、すぐにデモが表示されます。

上の代コード中、dequeue() 関数は実行完了$(this).toggleClass("red") の後に、会从队列最前端移除$("div").animate({left:' 10px', top:'30px'}, 700)，つまりこれを実行しますアニメーションアニメーション。

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。