jQuery .css（）方法 - 是否可以更改默认像素单位？

Question

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

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

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

Answer 1

您只需添加数字后面的格式，jquery将无法弄清楚其余部分。这不起作用，jQuery喜欢像素并且不会转换，因此"+=50em"不会削减它。

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

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

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

  

* FrançoisWahl：附加说明.height()为您提供没有填充，边框和边距的高度。要使用.innerHeight()包含填充，要使用填充和边框，请使用.outerHeight()并使用填充边框和边距使用.outerHeight(true)。只是想我添加它以防你需要它。

Answer 2

我使用的稍微清洁一点！

function update_css(target_element, css_attribute, value, unit) {
    $(target_element).css(css_attribute, [value + unit]);
};

FIDDLE

方括号很少使用，但是当jquery不明白你想说的话时，它们经常会派上用场。