依旧自己查Api
还是自己查

1. 尺寸操作

  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()方法设置或返回被选元素卷去的头部
  • 不跟参数为获取,参数为不带单位的数字则是设置被卷去的部分