ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのstop()と:is(:animated)の違いの詳しい説明

jqueryのstop()と:is(:animated)の違いの詳しい説明

黄舟
黄舟オリジナル
2017-06-23 10:53:431363ブラウズ

stop(true,true):

は、一致する要素の進行中のアニメーションを停止し、終了状態にジャンプし、未完成のアニメーションキューをクリアすることを意味します。 「カーソルの出入りが速すぎることによって生じるアニメーション効果とカーソルの動きの不一致の問題を解決する」ためによく使用されます。

jQuery stop() メソッド

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

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

Syntax

$(selector).stop(stopAll,goToEnd);オプションの stopAll パラメーターは、アニメーション キューをクリアするかどうかを指定します。デフォルトは false で、アクティブなアニメーションのみを停止し、キューに入れられたアニメーションを逆方向に実行できます。

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

そのため、デフォルトでは、stop() は選択した要素に指定されている現在のアニメーションをクリアします。

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

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

:is(":animated") :animated は、すべてのアニメーション要素を選択する jQ セレクターです

。要素がアニメーション状態にあるかどうかを判断します。 「連続クリック」に使用される「前へ」/「次へ」ボタンは、ユーザーが初めてアクションをクリックするときにのみ使用されます。

りー

以上がjqueryのstop()と:is(:animated)の違いの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。