全栈工程师开发手册 (作者:栾鹏)
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、outerWidth
var offset = $cr.offset(); //偏移类。获取元素在当前视窗中的相对偏移,只对可见元素有效,包含offset.left和offset.top两个属性
var position = $cr.position(); //位置类。获取元素相对于最近的一个position属性设置为relative或absolute的祖父节点的相对偏移,包含position.left和position.top两个属性
$cr.scrollTop(); //获取元素的滚动条距顶端的距离
$cr.scrollLeft(300); //获取元素的滚动条距左端的距离,也可以通过参数设置滚动左边的距离