javascript - 修改匹配的 CSS 规则

Question

我想知道是否可以使用 jquery/javascript 修改匹配的 CSS 规则的高度。

到目前为止，这是我的代码:

CSS

.ac-container input:checked ~ article.prorate{
    height: 450px;
}

.prorateTax {
     display: none;
     background: #CEF6CE;
}

jQuery

<script type="text/javascript">
$('.checkTax').change(function () {
    if ($(this).attr("checked")) {
        $('.prorateTax').fadeIn();
        $('.ac-container input:checked ~ article.prorate').css("height", "+=47px");
    } else {
        $('.prorateTax').fadeOut();
        $('.ac-container input:checked ~ article.prorate').css("height", "-=47px");
    }
});
</script>

我有一个复选框，您可以选择它会在隐藏的 div 中淡出，然后增加另一个 div 的高度以适应新部分。我希望它只会修改 css 中提供的 css 匹配的高度。但是，它会将当前 div 的 element.style 设置为设置高度。是否可以只修改匹配的 CSS 规则？

Answer 1

css()仅适用于内联样式:

When using .css() as a setter, jQuery modifies the element's style property.