jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: IntegerInteger .outerHeight( Boolean includeMargin )

秒: 获取匹配元素集中第一个元素的高度,包含padding, border, 和 margin。 返回一个整数("px"为单位),如果集合是空的则返回null.
  • version added: 1.2.6
  • .outerHeight( Boolean includeMargin )
  • includeMargin 一个Boolean值,指示是否计算元素的margin.

顶部和底部的padding 和 border 也被包含到 .outerHeight(); 如果 includeMargin 参数被设置为 true, margin (top and bottom)也会被包含.

这个方法不适合windowdocument对象;这两个对象使用.height() .

Examples:

例子:

获取p元素的outerHeight.
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></script>
  <style>p { margin:10px;padding:5px;border:2px solid #666; }</style>
</head>
<body>
  <p>Hello</p><p></p>
  <script>var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );</script>
</body>
</html>

Demo: