返回值:IntegerouterWidth([includeMargin])

取得匹配集合中第一个元素经过计算的宽度,包括填充,边框和可选的边距。返回一个整数值(不带 "px"),如果在一个空集合上调用该方法,则会返回 null。

返回的元素宽度,是包括左右填充,边框和可选的边距的,单位是像素。

如果忽略 includeMargin 参数,或将其设置成 false,则计算时,只包括填充和边框,如果将其设置成 true,则计算时边距也包括在内。

该方法不能应用于 windowdocument 对象。若要取得这些对象的高度,请使用 .width() 来代替。

示例:

取得段落的 outerWidth。

<!DOCTYPE html>
<html>
<head>
<style>
  p { margin:10px;padding:5px;border:2px solid #666; }
  </style>
<script src="jquery.min.js"></script>
</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>

演示: