jQuery获得元素的尺寸

尺寸相关的方法，jQuery提供了下面3组：

方法	说明
.width()	获得元素的宽度，不包括padding、border-width
.height()	获得元素的高度，不包括padding、border-width
.width(value)	设置元素的宽度
.height(value)	设置元素的高度
.innerWidth()	获得元素的内宽度，包括padding，不包括border-width
.innerHeight()	获得元素的内高度，包括padding，不包括border-width
.outerWidth()	获得元素的外宽度，包括padding、border-width
.outerHeight()	获得元素的外高度，包括padding、border-width

示例：

var width = $('.copyright').width();
var height = $('.copyright').height();

$('.copyright').width(200);
$('.copyright').height(200);

jQuery没有提供scrollWidth和scrollHeight属性，只能通过.get()方法调用或者在.each()遍历中使用this调用了。

示例：

var realHeight = $('.copyright').get(0).scrollHeight;

keyValueContainer.children('.value').each(function (index, item) {
    $(this).parent().css('height', this.scrollHeight);
});