jquery - 如何将计算值更改为固定值？

Question

假设，我在我的样式表中多次应用了这样的 calc() css：

div{width: calc(100% - 200px);}
div.test{height: calc(100% - 300px);}

但我希望这些宽度和高度是这样的固定宽度

div{width: 100200px;}
div.test{height: 100300px;}

对于一些棘手的方法，我需要用 jQuery 来改变它。但这应该改变应用的宽度，calc(100% - 200px);例如使用过滤器功能。

Answer 1

我做到了，它成功地工作了：

HTML

<div class="testClass">

</div>
<input type="button" value="change width" onclick="testClick();"/>

CSS

.testClass
{
    width: 100px;
    height: 50px;
    background-color: Green;
}

javascript

function testClick() {

    var value = "200px";
    $("div").css("width", " calc(100% - "+value+")");
}

Answer 2

您不能更改样式表中的值，但可以这样做

$('div').css({width:"someValue"});

你可以达到同样的效果。