通过jQuery获取容器尺寸的方法height()innerHeight()outerHeight()的区别总结

Posted chaoyueqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过jQuery获取容器尺寸的方法height()innerHeight()outerHeight()的区别总结相关的知识,希望对你有一定的参考价值。

在获取容器尺寸的时候,一定要分清是内部尺寸还是外部尺寸,避免出现bug不易查找,具体区别如下所示:

  • height(): 其高度范围是所匹配元素的高度height;
  • innerheight(): 其高度范围是所匹配元素的高度height+padding;
  • outerheight(): 其高度范围是所匹配元素的高度height+padding+border;
  • outerheight(true): 其高度范围是所匹配元素的高度height+padding+border+margin;
  • 水平宽度的获取同高度,不再赘述

原文作者:Jesse131

原文出处:https://www.cnblogs.com/jesse131/p/5111191.html#undefined

以上是关于通过jQuery获取容器尺寸的方法height()innerHeight()outerHeight()的区别总结的主要内容,如果未能解决你的问题,请参考以下文章

jQuery尺寸

JQuery:JQuery的尺寸

jQuery 尺寸

jquery尺寸和jQuery设置和获取内容方法

jQuery 尺寸:处理元素和浏览器窗口的尺寸

jQuery 尺寸