jQuery获取元素的高度

• 在 jQuery 中，获取元素高度的方法有 3 个：height()、innerHeight()、outerHeight()。

  
  



• 元素的盒模型： height（高度）、padding（内边距）、margin（外边距）、border（边框）。：

  
  

height()：

用于设置或返回当前匹配元素的高度；
高度不包括元素的外边距(margin)、内边距(padding)、边框(border)等；
对不可见的元素依然有效；
还可获取 window、document 对象的高度：
$(window).height(); // 返回浏览器视口的高度
$(document).height(); // 返回 HTML 文档的高度

innerHeight()：

用于设置或返回当前匹配元素的内高度；
内高度包括只元素的内边距(padding)；
对不可见的元素依然有效；
不适用于获取 window、document 对象的高度；

outerHeight()：

获取当前匹配元素的外高度；
外高度包括元素的内边距(padding)、边框(border)；
outerHeight(true) 参数为 true 时包含外边距部分的高度，默认为 false 不包括；
对不可见的元素依然有效；
不适用于获取 window、document 对象的高度；

！！！

height() 高度为 height
innerHeight() 高度为 height+padding
outerHeight() 高度为 height+padding+border
outerHeight(true) 高度为 height+margin+padding+border

举例：

 转载自：

(846条消息) jQuery 获取元素的高度_卡尔特斯的博客-CSDN博客_jquery获取元素高度