依旧自己查Api
还是自己查
1. 尺寸操作
jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。
语法 | 用法 |
---|---|
width() / height() | 取得匹配元素的宽高(只计算width/height) |
innerWidth() / innerHeight() | 取得匹配元素的宽高(包含有padding) |
outerWidth() / outerHeight() | 取得匹配元素的宽高 (包含padding、border) |
outerWidth(true) / outerHeight(true) | 取得匹配的元素宽高(包含padding、border、margin) |
- 以上参数为空时,是获取相应值,返回数字型属性值
- 如果参数为数字则是修改相应值
- 参数可以不写单位
2. 位置操作
jQuery的位置操作主要有三个: offset()、position()、scrollTop()/scrollLeft()
//获取元素偏移
offset()
- offset()方法设置或返回元素相对于文档的偏移坐标,和父级没有关系
- 该方法有两个属性left、top,
- offset().top 用于获取元素到文档顶部的距离
- offset().left 用于获取文档左侧的距离
//获取元素偏移
position()
- position()方法返回选择元素相对于带有定位的父级元素偏移坐标,如果父级没有定位,则以文档为准
- 该方法有两个属性
- position().top 用于获取距离带有定位父级顶部的距离
- position().left 获取带有定位父级左侧的距离
- 该方法只能读取不能修改
//设置获取元素被卷去的头部和左侧
scrollTop()
scrollleft()
- scrollTop()方法设置或返回被选元素卷去的头部
- 不跟参数为获取,参数为不带单位的数字则是设置被卷去的部分