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

腾讯AI架构师

已于 2022-04-03 20:40:48 修改

阅读量4.3k

点赞数 3

分类专栏： jquery 开发手册文章标签： jquery 宽高位置 offset position width

于 2017-08-29 08:54:43 首次发布

本文链接：https://blog.csdn.net/luanpeng825485697/article/details/77662789

版权

jquery 开发手册专栏收录该内容

35 篇文章 2 订阅

订阅专栏

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

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、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);                                            //获取元素的滚动条距左端的距离，也可以通过参数设置滚动左边的距离