jquery的outerWidth和outerHeight


偶然需要改动一个公司网站一个弹窗的位置,发现自己对元素大小的计算还不了解,所以在此记下了计算元素大小的部分方法。参考API

outerWidth():计算元素width+padding+border。 此方法对所有可见和隐藏元素均有效
outerWidth(true):计算元素outerWidth+margin。 此方法对所有可见和隐藏元素均有效
outerHeight():计算元素height+padding+border。 此方法对所有可见和隐藏元素均有效
outerHeight(true):计算元素 outerHeight+margin。 此方法对所有可见和隐藏元素均有效
innerWidth(): 获取第一个匹配元素内部区域宽度度(包括补白、不包括边框)。此方法对所有可见和隐藏元素均有效
innerHeight(): 获取第一个匹配元素内部区域高度(包括补白、不包括边框)。此方法对所有可见和隐藏元素均有效
height():获取匹配元素当前计算的高度值(px)
height(val|fn):为当前元素设定高度值 :参数可以为指定的值或函数
width():获取匹配元素当前计算的高度值(px)
width(val|fn):为当前元素设定高度值:参数可以为指定的值或函数

position():获取匹配元素相对父元素的偏移,此方法只对可见元素有效

scrollTop([val]):获取匹配元素相对滚动条顶部的偏移 。此方法对所有可见和隐藏元素均有效
val:设置垂直滚动条的值
scrollLeft([val]):获取匹配元素相对滚动条左侧的偏移 。此方法对所有可见和隐藏元素均有效
val:设置水平滚动条的值

offset(coordinates):获取匹配元素在当前视口的相对偏移,此方法只对可见元素有效
coordinates:一个对象,必须包含top和left属性,作为元素的新坐标。这个参数也可以是一个返回一对坐标的函数
,函数的第一个参数是元素的索引,第二个参数是当前的坐标。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值