关于jquery的位置以及尺寸操作

关于尺寸操作：

1.  height()与width()设置或者返回元素的高度与宽度，返回结果是数值类型。
设置的时候可以传入”100px”或者100.eg: width(“100px”)||width(100)
$(window).height();//获取当前屏幕高度，相当于原生的clientHeight

2.  innerWidth()与innerHeight() //包括padding + width
设置方法同上，不过传入的值是由padding+width组成的，所以传入数值后的width度值会等于传入数值减去设定的padding值。

3.  outerWidth()与outerHeight() //包括border + padding + width
设置方法同上，width的值会变成传入的值减去border 和 padding
备注： outerWidth()可以传入boolean值作为参数，传入true的话代表包括margin，默认为false；

关于位置操作

1.  scrollTop() 获取或者设置元素垂直方向滚动的位置
$(selector).scrollTop()//  获取被卷曲的高度  
eg: $(window).scrollTop();
$(selector).scrollTop(100)//  设置，参数为数值类型 
eg:$(window).scrollTop(100)
scrollLeft() 获取或者设置元素水平方向滚动的位置。方法同上

2.  offset 获取或设置元素相对于document左上角的位置
$(selector).offset() //获取 返回值为｛left: num,top: num｝
$(selector).offset({left: 100,top: 150})//设置
$(selector).offset().top //获取元素到页面顶部的距离
备注： 在使用offset设置值的时候，如果这时候元素的position没有进行设置（默认是static），则浏览器会自动将其转变为position: relative;并相应的修改其left和top值。

3.  position() 获取相对于其最近的定位的父元素的位置，相当于原生js中的offsetTop 和offsetLeft.
$(selector).position();//获取 返回值为｛left: num, top : num｝
获取其中的left值为$(selector).position().left;
备注：position方法只能获取，不能设置；