jQueryのアニメーション停止

jQuery stop()メソッドは、jQueryアニメーションや効果が完了する前にそれを停止するために使用されます。

jQuery stop()メソッド

stop()このメソッドは、選択された要素上で実行中のjQueryアニメーションや効果を完了する前に停止します。

要素にstop()を呼び出したとき、現在実行中のアニメーション（あれば）がすぐに停止します。

同じ要素に複数のアニメーションメソッドが呼び出された場合、以降のアニメーションは効果キューに追加されます。

これはstop()メソッドの構文：

$("selector").stop(clearQueue, jumpToEnd)

stop()メソッドは、2つのオプション引数を受け取ります：

• clearQueue-現在のアニメーションのキューを削除するかどうかを示す布尔値。デフォルトはfalseです

• jumpToEnd-現在のアニメーションをすぐに完了するかどうかを示す布尔値。デフォルトはfalseです

以下のサンプルは、現在実行中のアニメーションを停止します：

$("button").click(function(){
　　$("div").stop();
});

以下のサンプルは、並行して停止するアニメーションを停止します：

$("button").click(function(){
　　$("div").stop(true);
});

以下のサンプルは、すべてのアニメーションが完了した後に停止します：

$("button").click(function(){
　　$("div").stop(true, true);
});

jQueryエフェクトリファレンス

完全なエフェクトリファレンスについては、私たちのjQueryのエフェクトリファレンスマニュアル。