依旧自己查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()

  1. // 获取元素
  2. offset()
  • offset()方法设置或返回元素相对于文档的偏移坐标，和父级没有关系
  • 该方法有两个属性left 、top，
    • offset().top 用于获取元素到文档顶部的距离
    • offset().left 用于获取文档左侧的距离
  1. // 获取元素偏移
  2. position()
  • positioin()方法返回选择元素向对于带有定位的父级元素偏移坐标，如果父级没有定位，则以文档为准
  • 该方法有两个属性
    • position().top 用于获取距离带有定位父级顶部的距离
    • position().left 获取带有定位父级左侧的距离
  • 该方法只能读取不能修改
  1. // 设置 获取元素被卷去的头部和左侧
  2. scillTop()
  3. scillLeft()
  • scillTop() 方法设置或返回被选元素卷去的头部
  • 不跟参数为获取，参数为不带的单位的数字则是设置被卷去的部分