Как добавить высоту к существующей высоте?

Например, я хочу добавить 20px в <div id='example'></div>, который в настоящее время 20px.

Я мог бы получить существующую высоту и добавить 20px и ввести ее как новую высоту, но я хочу узнать, есть ли лучший способ, который может работать как оператор +=.

Ответ 1

Вы можете передать функцию в height(), у которой есть текущая высота элемента в качестве аргумента, а return этой функции будет новой:

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

Вот демонстрационная версия: http://jsfiddle.net/grajh/

Документы: http://api.jquery.com/height/

Ответ 2

Есть много способов сделать это: http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

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

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

Ответ 3

Таким образом:

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