jQuery之height()、innerHeight()、outer
在jQuery中，獲取元素高度的函式有3個，它們分別是height()、innerHeight()、outerHeight()
與此相對應的是，獲取元素寬度的函式也有3個，它們分別是width()、innerWidth()、outerWidth()
下面我以height()、innerHeight()、outerHeight()三個函式為例，以元素element的盒模型為例來介紹它們之間的區別。
Paste_Image.png
| 函式 | 高度範圍 | |
|---|---|---|
| height() | content | |
| innerHeight() | content+padding | |
| outerHeight() | content+padding+border | |
| outerHeight(true) | content+padding+border+margin |
只有height()函式可用於window或document物件。
作者：匿名使用者404
連結：
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/2819/viewspace-2805277/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- jQuery innerHeight()jQuery
- innerheight() ,outerheight()和height()的區別
- jQuery height()jQuery
- jquery innerHeight()和outerHeight()的區別jQuery
- jquery height()和width()函式的引數格式jQuery函式
- CSS深入理解之line-heightCSS
- CSS min-height和max-heightCSS
- jquery中的尺寸函式width(),height(),innerWidth(),outerWidth()等的用法jQuery函式
- 外連線(outer join)示例
- jQuery之documentFragmentjQueryFragment
- 前端之jQuery前端jQuery
- 深入理解-CSS內聯元素之line-heightCSS
- 理解full outer jion，union，union all
- outer join新舊語法分析語法分析
- TextInput should be given height
- 【sql調優之執行計劃】nested loops join and nested loop join outerSQLOOP
- height:inherit和height:100%的區別簡單介紹
- height:100%,height:100vh什麼區別呢
- jQuery 之 [ DOM操作 ]jQuery
- 【jQuery】之DOM操作jQuery
- jQuery原始碼分析之jQuery的定義jQuery原始碼
- jQuery原始碼分析之=>jQuery的定義jQuery原始碼
- max-height和height屬性的區別簡單介紹
- 【前端Talkking】CSS系列——CSS深入理解之line-height前端CSS
- jQuery之使用jQuery.fn.prop()替換jQuery.fn.attr()jQuery
- canvas ImageData height 屬性Canvas
- max-height和height屬性同時設定時的情況
- line-height:150%和 line-height:1.5 的區別
- jQuery之回到頂部jQuery
- jQuery之過濾元素jQuery
- jQuery之元素查詢jQuery
- Jquery之遍歷元素jQuery
- No enclosing instance of type Outer is accessible.
- jQuery無法獲取隱藏元素（display:none）寬度(width)和高度(height)的新解決方案jQueryNone
- canvas ImageData.height 屬性Canvas
- CSS:line-height(轉)CSS
- [jQuery知識]jQuery之知識三-過濾器jQuery過濾器
- jQuery之html()的實現jQueryHTML