jQuery height()、innerHeight()、outerHeight()函数的区别详解

推荐整理分享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="