jquery - 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]);
};

小提琴

方括号很少使用，但请记住，当 jquery 不理解您要说的内容时，它们通常会派上用场！