jQuery の場合: アニメーション セレクターの使用例 example_jquery

この記事の例では、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("背景色","青"); })
})

クリックしてアニメーションを開始





上記はアニメーション要素の背景色を青に設定できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。