jQuery尺寸、位置操作#
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()方法设置或返回被选元素相对于 文档 的偏移坐标，与父级无关 - 该方法有两个属性：offset().top用于获取距离文档顶部的距离，offset().left用于获取距离文档左侧的距离
- 可以设置元素的偏移：offset({top:10,left:30});
position()获取元素偏移#
- position()方法用于返回被选元素相对于 带有定位的父级 偏移坐标，若父级都没有定位，则以文档为准
- 只能获取，不能设置
scrollTop()/scrollLeft()设置或获取元素被卷去的头部和左侧#
- scrollTop()方法设置或返回被选元素被卷去的头部