如何增加现有高度的高度？

Question

例如，我想将20px添加到<div id='example'></div>，目前为20px。

我可以获得现有的高度并添加20px并将其输入为新的高度，但我希望了解是否有更好的方法可以像+=运算符一样工作。

Answer 1

有很多方法可以做到：http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

$('#example').css( "height", "+=20px" );

---

$('#example').height( $("#example").height() + 20 );

Answer 2

您可以将函数传递给height()，其中元素的当前高度为参数，函数的return将是新的高度：

$('#example').height(function (index, height) {
    return (height + 20);
});

以下是演示：http://jsfiddle.net/grajh/

文档：http://api.jquery.com/height/

Answer 3

那样：

$('#example').height( $('#example').height() + 20 );