javascript,如果某些东西有css属性值

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);
});