Làm cách nào để thêm chiều cao cho chiều cao hiện tại?

Question

Ví dụ: tôi muốn thêm 20px vào <div id='example'></div>, hiện tại là 20px.

Tôi có thể nhận được chiều cao hiện tại và thêm 20px và nhập nó làm chiều cao mới, nhưng tôi muốn tìm hiểu xem có cách nào tốt hơn có thể hoạt động như một toán tử += hay không.

Answer 1

Bạn có thể vượt qua một hàm thành height() có chiều cao hiện tại của phần tử như một cuộc tranh cãi và return của hàm sẽ là tầm cao mới:

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

Đây là một bản demo: http://jsfiddle.net/grajh/

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

Answer 2

Bằng cách đó:

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

Answer 3

Có rất nhiều cách để làm điều đó: http://jsperf.com/jquery-height-vs-css-height

jsbin.com/utaduy

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

---

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