jQuery获取元素尺寸的方法

一、.width()
为匹配的元素集合中获取第一个元素的当前计算宽度值。给每个匹配的元素设置CSS宽度。
内容宽度

二、.height()
获取匹配元素集合中的第一个元素的当前计算高度值。设置每一个匹配元素的高度值。
内容高度

三、.innerWidth()
为匹配的元素集合中获取第一个元素的当前计算宽度值,包括padding，但是不包括border。
内容宽度 + 左右padding

四、.innerHeight()
为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
内容高度 + 上下padding

五、.outerWidth()
获取元素集合中第一个元素的当前计算宽度值,包括padding，border和选择性的margin。（注：返回一个整数（不包含“px”）表示的值，或如果在一个空集合上调用该方法，则会返回 null。）
内容宽度 + 左右padding + 左右border

六、.outerHeight()
获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
内容高度 + 上下padding + 上下border

注意：.outerWidth()和.outerHeight()加上参数true时，计算尺寸会加上margin。