Jak dodać wysokość do istniejącej wysokości?

Question

Na przykład chcę dodać 20px do <div id='example'></div>, który jest obecnie 20px.

Mogę uzyskać istniejącą wysokość i dodać 20px i wprowadzić ją jako nową wysokość, ale chcę się dowiedzieć, czy istnieje lepszy sposób, który może działać tak, jak operator +=.

Answer 1

można przekazać funkcję w height(), który ma wysokość aktualnego wskazanego elementu jako argument i return funkcji będzie nowa wysokość:

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

Oto demo: http://jsfiddle.net/grajh/

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

Answer 2

ten sposób:

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

Answer 3

Istnieje wiele sposobów, aby to zrobić: http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

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

---

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