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

Returns: IntegerInteger .outerWidth( Boolean includeMargin )

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

返回元素的宽度,包含padding, border和可选的margin。单位是"px".

includeMargin被忽略或为\ false, padding 和 border 被计算在内;如果为 true, margin 也会被包含在计算范围中.

这个方法不适用于windowdocument 对象; 这两个对象使用.width() 来代替.

Examples:

例子:

获取一个p元素的 outerWidth.
<!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( "outerWidth:" + p.outerWidth()+ " , outerWidth(true):" + p.outerWidth(true) );</script>
</body>
</html>

Demo: