javascript - 如何使用 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 中进行数学运算？

尝试这个：-

演示

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

并非所有浏览器都支持 Calc，请参阅支持。但这至少可以保证有效。

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