如何使用jQuery设置此值的样式

Question

我正在尝试将此样式应用于jQuery，以便它比仅通过css应用它具有更广泛的支持。

它涉及CSS3的calc（）函数。

这是CSS3风格：

#search{
    top:calc(3rem + 32px);
}

如何在jQuery中应用此样式时添加32px。有没有办法在jQuery中进行数学运算？

以下是我现在知道如何做的事情，只需一个单位：

$('#search').css('top','3rem');

我可以这样做：

$('#search').css('top','3rem + 32px');

若然，怎么样？

Answer 1

  

如何在jQuery中应用此样式时添加32px。有没有办法在jQuery中进行数学运算？

试试这个： -

Demo

$('#search').css("top","3rem").css("top", "+=32px")

所有浏览器都不支持

support。但这至少可以保证有效。

正如@adeneo指出的那样，看看对rem

的支持