jQuery .css() 方法 – 是否可以更改默认像素单位？

Question

我想使用以下代码为 div 添加一些高度：

    $('div').css("height", "+=50");

上面的代码将向 div 添加 50 个像素。如何使用 em 单位添加值？

Answer 1

您只需在数字后面添加格式，jquery 将无法计算出其余部分。这是行不通的，jQuery 喜欢像素并且不会转换，所以"+=50em"不会削减它。

\n\n

这是针对 ems 的修复，这是一个草率的修复，但它有效。

\n\n

$("div").css("height", ($("div").height()+50)+"em");\n

\n\n

示例： http: //jsfiddle.net/npZCB/4/

\n\n

\n

* Fran\xc3\xa7oisWahl：作为附加说明，.height()给出没有内边距、边框和边距的高度。包括内边距的使用.innerHeight()、包括内边距和边框的使用.outerHeight()以及包括内边距边框和边距的使用.outerHeight(true)。只是想我添加这个以防万一你需要它。

\n

\n