¿Cómo agregar altura a la altura existente?

Question

Por ejemplo, quiero agregar 20px a <div id='example'></div>, que actualmente es 20px.

Pude obtener la altura existente y agregar 20px e ingresarla como la nueva altura, pero deseo saber si hay una manera mejor de que funcione como un operador +=.

Answer 1

Puede pasar una función en height() que tiene la altura actual del elemento como un argumento y la return de la función será la nueva altura:

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

Aquí es una demostración: http://jsfiddle.net/grajh/

Docs: http://api.jquery.com/height/

Answer 2

De esa manera:

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

Answer 3

Hay muchas maneras de hacerlo: http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

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

---

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