この記事の例では、jQuery での :animated セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
このセレクターは、アニメーション効果を実行するすべての要素に一致します。
カスタム アニメーションは、animate() メソッドを使用して作成できます。
文法構造:
$(":animated")
このセレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用されます。例:
$("li:animated").css("background-color "、" ブルー")
上記のコードは、アニメーション化されている li 要素の背景色を青に設定できます。
他のセレクターで使用しない場合、デフォルトの状態は * セレクターで使用されます。たとえば、$(":animated") は $("*:animated") と同等です。
コード例:
<頭>
スクリプト ホーム
<スクリプトタイプ="text/javascript">
$(document).ready(function(){
関数 runit(){
$(".run").animate({width:"250px"});
$(".run").animate({width:"150px"},runit);
}
$("ボタン").click(function(){
runit();
$("li:animated").css("背景色","青");
})
})
