轉(zhuǎn)載:https://zhidao.baidu.com/question/535778314.html
在jQuery中,width()方法用于獲得元素寬度吼畏;innerWidth()方法用于獲得包括內(nèi)邊界(padding)的元素寬度丢胚,outerWidth()方法用于獲得包括內(nèi)邊界(padding)和邊框(border)的元素寬度瑰谜,如果outerWidth()方法的參數(shù)為true則外邊界(margin)也會(huì)被包括進(jìn)..
jQuery中的.height()倦蚪、.innerHeight()和.outerHeight()和W3C的盒模型相關(guān)的幾個(gè)獲取元素尺寸的方法碉碉。對(duì)應(yīng)的寬度獲取方法分別為.width()、.innerWidth()和.outerWidth()凉夯,在此不詳述货葬。
1. .height()
獲取匹配元素集合中的第一個(gè)元素的當(dāng)前計(jì)算高度值 或 設(shè)置每一個(gè)匹配元素的高度值(帶一個(gè)參數(shù))采幌。
注意:1).css('height')和.height()之間的區(qū)別是后者返回一個(gè)沒(méi)有單位的數(shù)值(例如,400)震桶,前者是返回帶有完整單位的字符串(例如休傍,400px)。
2).height()總是返回內(nèi)容寬度,不管CSSbox-sizing屬性值蹲姐。.height('value')設(shè)置的容器寬度是根據(jù)CSSbox-sizing屬性來(lái)定的, 將這個(gè)屬性值改成border-box磨取,將造成這個(gè)函數(shù)改變這個(gè)容器的outer
Height,而不是原來(lái)的內(nèi)容高度柴墩。
2. .innerHeight()
為匹配的元素集合中獲取第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding忙厌,但是不包括border。
3. .outerHeight()
獲取元素集合中第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding江咳,border和選擇性的margin逢净。返回一個(gè)整數(shù)(不包含“px”)表示的值 ,或如果在一個(gè)空集合上調(diào)用該方法歼指,則會(huì)返回 null爹土。
在.outerHeight()計(jì)算中總是包含padding-top ,padding-bottom 和 border-top,border-bottom踩身;如果includeMargin參數(shù)是true胀茵,那么margin (top 和 bottom)也會(huì)被包含。