javascript - 何かに値のcss属性がある場合のjavascript

Question

ページの読み込み時にアニメーションを実行したいのですが、css 属性に何かの値がある場合のみです。アニメーションは、if ステートメントがなくても正常に機能します。これが私のコードです：

$(document).ready(function() {

    if($("h1").css('font-size') == '36px'){

        $("h1").animate({
          "font-size" : "20px"
        }, 750);

    }

});

Answer 1

h1font-size : 36pxの要素をアニメーション化しようとしていると思います。次に、以下に示すように、アニメーションを実行する前にこれらの要素をフィルタリングする必要があります。

$(document).ready(function () {
    $("h1").filter(function () {
        return ($(this).css('font-size') == "36px");
    }).animate({
        "font-size": "20px"
    }, 750);
});

Answer 2

if( $('h1').eq(0).css('<property>') ) {
 ...
}

Answer 3

フォント サイズを同一視する場合は、コードから「px」を削除します。

if($("h1").css('font-size') == '36'){

        $("h1").animate({
          "font-size" : "20px"
        }, 750);