位置: 编程技术 - 正文
jQuery height()、innerHeight()、outerHeight()函数的区别详解
编辑：rootadmin推荐整理分享jQuery height()、innerHeight()、outerHeight()函数的区别详解，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
在jQuery中，获取元素高度的函数有3个，它们分别是height()、 innerHeight()、 outerHeight()。
与此相对应的是，获取元素宽度的函数也有3个，它们分别是width()、 innerWidth()、 outerWidth()。
在这里，我们以height()、innerHeight()、outerHeight()3个函数为例，来详细介绍它们之间的区别。
下面我们以元素element的盒模型为例来介绍它们之间的区别。
函数 高度范围 jQuery版本 支持写操作 height() height 1.0+ 1.0+ innerHeight() height + padding 1.2.6+ 1.8.0+ outerHeight() height + padding + border 1.2.6+ 否 outerHeight(true) height+padding+border+margin 1.2.6+ 否
1、 只有height()函数可用于window或document对象。2、 "支持写操作"表示该函数可以为元素设置高度值。3、 1.4.1+ height()新增支持参数为函数(之前只支持数值)。4、 1.8.0+ innerHeight()支持参数为数值或函数。
现在，我们参考以下HTML + jQuery示例代码：
测试的时候记得机上jquery地址。
基于jQuery实现仿QQ空间送礼物功能代码 我们在QQ空间里面有一个送礼物的功能，显示了最近过生日的人。我们只要把鼠标放到如下图的生日快乐那标签上，就会显示可以给该人送的礼物！！如
jQuery 弹出层插件(推荐) 最近在研究弹出层插件时发现网上很多插件功能很强大，同时插件也很庞大。在这里个人写了一个比较秀珍的弹出层插件。jquery.popdialog.js$(function(){$.fn.P
深入理解jQuery中的事件冒泡 1.什么是冒泡eg：!DOCTYPEhtmlhtmlxmlns="
标签: jQuery height()、innerHeight()、outerHeight()函数的区别详解
本文链接地址:https://www.jiuchutong.com/biancheng/387239.html 转载请保留说明！上一篇：AJAX实现瀑布流触发分页与分页触发瀑布流的方法(recyclerview瀑布流效果)
(shell脚本详解)](https://www.jiuchutong.com/image/20240129/1706504371.jpg)