javascript如果某物具有css属性的值

Question

我想在页面加载时执行动画，但仅当css属性具有某些值时才执行。 没有if语句，动画效果很好。 这是我的代码：

$(document).ready(function() {

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

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

    }

});

Answer 1

我认为您正在尝试对具有font-size：36px的h1元素进行动画处理。 然后，您需要在执行动画之前过滤这些元素，如下所示：

$(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);

Answer 4

从OP的注释中可以看出，样式表中的规则不正确导致字体大小设置为超出预期的值。

使用浏览器的DOM检查器可以轻松完成确定此问题的方法。 通常，您可以右键单击某个元素，单击检查（或类似的东西），然后查看在何处设置该值。

以下是使用这些方法的一些更具体的方法：

Chrome- https://developers.google.com/chrome-developer-tools/docs/elements

Firefox- https://developer.mozilla.org/zh-CN/docs/DOM_Inspector/Introduction_to_DOM_Inspector

Internet Explorer- http://msdn.microsoft.com/library/gg589507(VS.85).aspx