jQuery 基本フィルタ(7) 「:animated」フィルタ

アニメーション処理中の要素を抽出します。

以下サンプルを示します。







$(function(){
        $("#second").hide();
        $("#second").show(1000);
        // アニメーション中の要素の背景をピンクに
        $(":animated").css("background", "pink");
});



japan

zack japan

kamo japan

torushie japan

fruit

orange

lemon

apple

peach

animal

lion

puma

以下の処理の説明は以下になります。
・1行目でid属性に”second”を持つ要素を非表示にします。
・2行目でid属性に”second”を持つ要素を表示します。
この時”show(1000)”となっているので、1000ミリ秒かけて表示を行います。
・3行目では全ての要素の中からアニメーション中の要素を抽出し、それに対し
背景にピンクを設定しています。
ここでは2行目の処理がまだ途中であるはずなので、id属性に”second”を持つ
要素の背景がピンクになります。

$("#second").hide();
$("#second").show(1000);
$(":animated").css("background", "pink");

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>