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。
在這裏插入圖片描述
在這裏插入圖片描述

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