.outerWidth()方法使用收集总结
.outerWidth()
基本用法:
获取元素集合中第一个元素的当前计算宽度值,包括padding,border和选择性的margin。返回值为一个整数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回 null。
当参数为true时,返回的值将包括margin值。
这个方法不适用于window 和 document对象,可以使用.width()代替。虽然.outerWidth()可以在表格元素上使用,使用 border-collapse:collapseCSS属性可能会产生意外结果。
其他注意事项:
• 尺寸相关的API返回的数字,包括 .outerWidth(),在某些情况下可能是小数。最好不要把它当做int类型的值,用浮点float的变量储存使用。 另外,当页面被用户放大或缩小时,尺寸可能不正确的;浏览器没有公开的API来检测这种情况。
• 当元素或其父元素被隐藏时,.outerWidth()得到的值不能保证准确。要得到准确的值,你应该确保该元素在使用.outerWidth()前可见。jQuery将尝试临时显示,然后再隐藏元素来测量元素尺寸,但这是不可靠的,(即使得到准确的值)也会显著影响页面的性能。这总临时显示然后再隐藏的测量功能,可能在jQuery未来的版本中删除。
引申用法:
.outerWidth(value)
value:
可以是string类型或者number类型,一个字符串(10px)或者一个数字(10);
当调用.outerWidth("value")方法的时候,这个“value”参数可以是一个字符串(数字加单位)或者是一个数字。如果这个“value”参数只提供一个数字,jQuery会自动加上像素单位(px)。如果只提供一个字符串,应该是任何有效的可以为宽度赋值的CSS尺寸(就像100px, 50%, 或者 auto)。
.outerWidth(function(index,width))
function(index,width):
该参数为函数时,返回值用来设计外部函数的宽度值。index为接收的集合中的索引,width为接收元素原来的宽度。在这个函数中,this指向集合中的当前元素。