jQueryのアニメーションの停止


jQueryのstop()メソッドは、終了する前にアニメーションまたはエフェクトを停止するために使用されます。



クリックしてパネルを上下にスライドします

時間は貴重なので、迅速かつ簡単に学習できます。

W3Schoolsでは、アクセス可能で便利な形式で、学習する必要のあるすべてのものを学習できます。



jQuery stop()メソッドを示します。


jQuery stop()メソッドを示します。


jQuery stop()メソッド

jQuerystop()メソッドは、アニメーションまたはエフェクトが終了する前に停止するために使用されます。

このstop()メソッドは、スライド、フェード、カスタムアニメーションなど、すべてのjQueryエフェクト関数で機能します。

構文:

$(selector).stop(stopAll,goToEnd);

オプションのstopAllパラメータは、アニメーションキューもクリアするかどうかを指定します。デフォルトはfalseです。これは、アクティブなアニメーションのみが停止され、キューに入れられたアニメーションを後で実行できるようにすることを意味します。

オプションのgoToEndパラメーターは、現在のアニメーションをすぐに完了するかどうかを指定します。デフォルトはfalseです。

したがって、デフォルトでは、このstop()メソッドは、選択した要素で実行されている現在のアニメーションを強制終了します。

次の例は、stop()パラメーターを使用しないメソッドを示しています。

$("#stop").click(function(){
  $("#panel").stop();
});

jQueryの演習

エクササイズで自分をテストする

エクササイズ:

jQueryメソッドを使用して、<div>要素のアニメーション効果を停止します。

$("div").();


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

すべてのjQueryエフェクトの完全な概要については、 jQueryエフェクトリファレンスにアクセスしてください