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: As an additional note .height() gives you the height without padding, borders and margins. To include padding use .innerHeight(), to include padding and borders use .outerHeight() and to include padding borders and margins use .outerHeight(true). Just thought I add this in case you needed it.