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。
在这里插入图片描述
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章