11月22日--我总结的零散知识点

.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指向集合中的当前元素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值