jQuery尺寸、位置操作——元素的大小、偏移，被卷去的部分

1.jQuery尺寸

语法	用法
width()/heigt()	设置或获取元素的width/height值
innnerWidth()/innerHeight()	设置或获取元素的width/height+padding值
outerWidth()/outerHeight()	设置或获取元素的width/height+padding+border值
outerWidth(true)/outerHeight(true)	设置或获取元素的width/height+padding+border+margin值

• 获取：参数为空，返回数字型
• 设置：参数为数字
• 参数可以不写单位

2.jQuery位置

位置主要有三个：offset()、position()、scrollTop()/scrollLeft()

2.1 offset()设置或获取元素偏移

1. offset()方法设置或返回被选元素相对于文档的偏移坐标，与父元素无关
2. 该方法有两个属性：left、top，offset().top 用于获取距离文档顶部的距离，offset().left 用于获取距离文档左侧的距离
3. 可以设置元素的偏移量：offset({top:10,left:30})

2.2 position()获取元素偏移

• position()方法用于返回被选元素相对于带有定位的父元素偏移坐标，若父元素没有定位，则以文档为准
• 只能获取，不能设置

2.3 scrollTop()/scrollLeft()设置或获取元素被卷去的头部和左侧

• scrollTop() 方法设置或返回被选元素被卷去的头部
• 与页面滚动事件一起使用