依旧自己查Api
还是自己查

1. 尺寸操作

jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。

语法 用法
width() / height() 取得匹配元素的宽高（只计算width/heiht）
innerWidth() / innerHeight() 取得匹配元素的宽高（包含有padding）
outerWidth() / outerHeight() 取得匹配元素的宽高（包含padding、border)
outerWidth(true) / outerHeight(true) 取得匹配的元素宽高（包含padding、border、margin）
  • 以上参数为空时，是获取相应值，返回数字型属性值
  • 如果参数为数字则是修改相应值
  • 参数可以不写单位

2. 位置操作

jQuery的位置操作主要有三个：offset()、position()、scrollTop()、scrollLeft()

  1. // 获取元素偏移
  2. offset()
  • offset()方法设置或返回元素相对与文档的偏移坐标，和父级没有关系

  • 该方法有两个属性left、top

    • offset().top 用于获取元素到文档顶部的距离
    • offset().left 用于获取文档左侧的距离
      1. // 获取元素偏移
      2. position()

  • position() 方法返回选择元素相对于带有定位的父级元素偏移坐标，如果父级没有定位，则以文档为准

  • 该方法有两个属性
    • position().top 用于获取距离带有定位父级顶部的距离
    • position().left 获取带有定位父级左侧的距离

  • 该方法只能读取不能修改

    1. // 设置获取元素被卷去的头部和左侧
    2. scrollTop()
    3. scrollLeft()

  • scrollTop() 方法设置或返回被选元素卷去的头部

  • 不跟参数为获取，参数为不带单位的数字则是设置被卷去的部分