详细介绍jQuery.outerWidth()函数的具体用法

让我们通过jQuery实例代码演示一下outerWidth()函数。

函数的作用是：设置或返回当前匹配元素的外部宽度。默认情况下，外部宽度包括元素的填充和边框，但不包括外部边距的宽度。也可以将参数指定为true，以包括边距部分的宽度。下图：

如果要获取其他案例的宽度，请使用width()和innerWidth()。你可以点击这里看看三者的区别。该函数属于jQuery对象(实例)，对于不可见的元素仍然有效。语法jQuery 1.2.6增加了这个函数。注意：如果当前jQuery对象匹配多个元素，将只返回第一个匹配元素的外部宽度。参数描述包括可选/布尔类型，指示是否包括外边距的宽度，默认值为假。返回值outerWidth()函数的返回值是Number，它返回第一个匹配元素的外部宽度。如果当前jQuery对象匹配多个元素，当返回outwidth时，outwidth()函数只将第一个匹配的元素作为标准。如果没有匹配的元素，则返回null。OuterWidth()不适用于窗口和文档，请改用Width()。示例：以下面的HTML代码为例：

复制的代码如下： div ID=' n1 ' style=' margin 33605 px；padding: 10px宽度width:100px高度： 100像素；border: 1px实心# 000；'/div div id=' N2 ' style=' width :150 px；高度： 100像素；背景： # 999；'/div

下面的jQuery示例代码用于演示outerWidth()函数的具体用法：

var $ n1=$(' # n1 ')；var $ N2=$(' # N2 ')；//outwidth()=width(100)填充(10*2)边框(1 * 2)=122 document . writeln($ n1 . outwidth())；//122 document . writeln($ N2 . outwidth())；//150 var $ divs=$(' div ')；//如果多个元素匹配，则只返回第一个元素的外部宽度

document . writeln($ div s . OutWidth())；//122//outwidth(true)=width(100)填充(10*2)边框(1*2)边距(5 * 2)=132 document . writeln($ n1 . outwidth(true))；//132

以上内容详细介绍了jQuery.outerWidth()函数，希望大家喜欢。