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

本文详细解释了在前端开发中如何区分并正确获取容器的内部尺寸和外部尺寸,包括height(), innerHeight(), outerHeight()及outerHeight(true)的区别,并强调了在使用框架时需要注意的边距问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在获取容器尺寸的时候,一定要分清是内部尺寸还是外部尺寸,特别是在使用一些框架的时候,本身会默认带一些边距,如果不注意很容易出现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

转载于:https://www.cnblogs.com/chaoyueqi/p/9167084.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值