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。