jQuery中的.height()、.innerHeight()和.outerHeight()


jQuery中的.height()、.innerHeight()和.outerHeight()和W3C的盒模型相關的幾個獲取元素尺寸的方法。對應的寬度獲取方法分別為.width()、.innerWidth()和.outerWidth(),在此不詳述。

1. .height()

獲取匹配元素集合中的第一個元素的當前計算高度值 或 設置每一個匹配元素的高度值(帶一個參數)。

 

注意:1).css('height') 和 .height()之間的區別是后者返回一個沒有單位的數值(例如,400),前者是返回帶有完整單位的字符串(例如,400px)。

2).height()總是返回內容寬度,不管CSS box-sizing屬性值。.height('value')設置的容器寬度是根據CSS box-sizing屬性來定的, 將這個屬性值改成border-box,將造成這個函數改變這個容器的outerHeight,而不是原來的內容高度。

2. .innerHeight()

為匹配的元素集合中獲取第一個元素的當前計算高度值,包括padding,但是不包括border。

3. .outerHeight()

獲取元素集合中第一個元素的當前計算高度值,包括padding,border和選擇性的margin。返回一個整數(不包含“px”)表示的值 ,或如果在一個空集合上調用該方法,則會返回 null。

.outerHeight()計算中總是包含padding-top ,padding-bottom 和 border-top,border-bottom ;如果includeMargin參數是true,那么margin (top 和 bottom)也會被包含。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM