关于jquery innerHeight

来源：互联网发布：制作搞笑图片软件编辑：程序博客网时间：2024/05/16 14:13

以元素element的盒模型为例来介绍它们之间的区别。

函数高度范围jQuery版本支持写操作height()height1.0+1.0+innerHeight()height + padding1.2.6+1.8.0+outerHeight()height + padding + border1.2.6+否outerHeight(true)height+padding+border+margin1.2.6+否

<div id="element" style="margin:5px; padding:10px; width:100px; height:100px; border:1px solid #000;"></div><script type="text/javascript">var $ele = $("#element");// height() = height(100) = 100document.writeln( $ele.height() ); // 100// innerHeight() = height(100) + padding(10*2)= 120 document.writeln( $ele.innerHeight() ); // 120// outerHeight() = height(100) + padding(10*2) + border(1*2) = 122 document.writeln( $ele.outerHeight() ); // 122// outerHeight(true) = height(100) + padding(10*2) + border(1*2) + margin(5*2) = 132 document.writeln( $ele.outerHeight(true) ); // 132</script>

Jquery中jquery.offset().top/left用于获取div距离窗口的距离而jquery.position().top/left用于获取距离父级div的距离

0 0