偶然需要改动一个公司网站一个弹窗的位置,发现自己对元素大小的计算还不了解,所以在此记下了计算元素大小的部分方法。参考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属性,作为元素的新坐标。这个参数也可以是一个返回一对坐标的函数
,函数的第一个参数是元素的索引,第二个参数是当前的坐标。