Come aggiungere altezza all'altezza esistente?

Question

Ad esempio, desidero aggiungere 20px a <div id='example'></div>, che è attualmente 20px.

Potrei ottenere l'altezza esistente e aggiungere 20px e inserirlo come nuova altezza, ma desidero sapere se c'è un modo migliore che potrebbe funzionare come un operatore +=.

Answer 1

è possibile passare una funzione in height() che ha l'altezza attuale del elemento come argomento e la return della funzione sarà la nuova altezza:

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

Ecco una demo: http://jsfiddle.net/grajh/

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

Answer 2

questo modo:

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

Answer 3

Ci sono molti modi per farlo: http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

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

---

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