jquery获取设置元素宽高位置height() width() offset() position() scrollTop() scrollLeft()

全栈工程师开发手册 （作者：栾鹏）

jquery系列教程2-style样式操作全解

jquery获取设置元素宽高位置

jquery的通过height()、width()、offset()、position()、scrollTop()、scrollLeft()等函数获取和设置元素宽高，具体功能如代码中注释。

代码如下：

var width = $cr.width();//读取宽高相关样式：height、width、innerHeight、innerWidth、outerHeight、outerWidth$cr.width(800); //设置宽高相关样式：height、width、innerHeight、innerWidth、outerHeight、outerWidthvar offset = $cr.offset(); //偏移类。获取元素在当前视窗中的相对偏移，只对可见元素有效，包含offset.left和offset.top两个属性var position = $cr.position(); //位置类。获取元素相对于最近的一个position属性设置为relative或absolute的祖父节点的相对偏移，包含position.left和position.top两个属性$cr.scrollTop(); //获取元素的滚动条距顶端的距离$cr.scrollLeft(300); //获取元素的滚动条距左端的距离，也可以通过参数设置滚动左边的距离