一、jQuery 尺寸
| 语法 | 用法 |
|---|---|
| width()/height() | 取得匹配元素宽度和高度值，只算width/height |
| innerWidth()/innerHeight() | 取得匹配元素宽度和高度值，包含padding |
| outerWidth()/outerHeight() | 取得匹配元素宽度和高度值，包含padding、border |
| outerWidth(true)/outerHeight(true) | 取得匹配元素宽度和高度值，包含padding、border、margin |
- 以上参数为空，则是获取相应值，返回的是数字型。
- 如果参数为数字，则是修改相应值。
- 参数可以不必写单位。
二、jQuery 位置
位置主要有三个： offset()、position()、scrollTop()/scrollLeft()
-
offset() 设置或获取元素偏移
①offset() 方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系。
②该方法有2个属性 left、top 。offset().top用于获取距离文档顶部的距离，offset().left用于获取距离文档左侧的距离。
③可以设置元素的偏移：offset({ top: 10, left: 30 }); -
position() 获取元素偏移
①position() 方法用于返回被选元素相对于带有定位的父级偏移坐标，如果父级都没有定位，则以文档为准。
②该方法有2个属性 left、top。position().top用于获取距离定位父级顶部的距离，position().left用于获取距离定位父级左侧的距离。
③该方法只能获取。 -
scrollTop()/scrollLeft() 设置或获取元素被卷去的头部和左侧
①scrollTop()方法设置或返回被选元素被卷去的头部。
②不跟参数是获取，参数为不带单位的数字则是设置被卷去的头部。
网友评论