如何更好地给div增加高度？

Question

要给div增加高度，是否有更好的方法？
我的方法是：

$('#div1').height($('#div1').height()+300);

但是我感觉这种方法不好？

补充：我的目的其实是为了在此div中填充其他div中的内容，获取到内容div的高度后，增加到目的div中，然后才能设置滚动到底部

Answer 1

那你可以封装一个方法并缓存对象 避免重复获取

(function($){
    $.fn.appendHeight = function(height){
        var element = this;
        element.height(element.height() + Number(height));
    };
})(jQuery);

// 调用
$('#div1').appendHeight(300);

Answer 2

哪你可以给加百分比。你可以试试看

$('#div1').height($('#div1').height()+300%);

Answer 3

我其实不是很理解你为什么纠结这个。你这样做就可以啊，有什么不好的。

Answer 4

你要说清楚你增加高度有什么用 比如是因为js交互效果 然后需要增加高度 还是你做出来的东西不够设计师给你的图片里面的高度 这些都是可以运用不同方式来解决高度的 比如height padding 还是单纯增加内容撑起某个div的高度

Answer 5

看到一个被忽略的回答，其实那个被忽略的回答更高效率，原来的执行了两次dom查询。

$('#div1').height($('#div1').height()+300);

而下面这个先保留一个索引，避免多次查询：

var obj = $('#div1');
obj.height(obj.height()+300);

其实如果可以像这样的伪代码就是最简单的，只是目前浏览器不支持而已，获取与设置不同接口，不过现在浏览器的js接口一直在更新，支持应该是早晚的事情：

ele.height += '300px';

Answer 6

var obj = $('#div1');
obj.height(obj.height()+300);

不知道你在纠结什么。。。