JQUERY获取元素高度、宽度、偏移量

最新推荐文章于 2024-03-29 10:03:44 发布

原创最新推荐文章于 2024-03-29 10:03:44 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JQUERY 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了使用jQuery操作网页元素的尺寸与位置的方法，包括如何获取和设置元素的高度、宽度、内外边距、边界以及滚动条的位置等。此外，还详细说明了如何通过jQuery来响应元素的滚动和窗口的伸缩事件。

$(obj).scroll()：元素滚动事件；
$(window).resize()：浏览器窗口伸缩事件；
$(obj).scrollTop()：获取滚动距离（上侧）；
$(obj).scrollLeft()：获取滚动距离（左侧）；

$(obj).offset().top：获取元素到页面顶端的距离；
$(obj).offset().left：获取元素到页面左侧的距离；
$(obj).position().top：获取元素到父元素顶端的距离；
$(obj).position().left：获取元素到父元素左侧的距离；
// 可看下图帮助理解

$(obj).width()：获取元素width；
$(obj).innerWidth()：获取元素width+padding;
$(obj).outerWidth()：获取元素width+padding+border;
$(obj).outerWidth(true)：获取元素width+padding+border+margin；

$(obj).height()：获取元素height；
$(obj).innerHeight()：获取元素height+padding;
$(obj).outerHeight()：获取元素height+padding+border;
$(obj).outerHeight(true)：获取元素height+padding+border+margin；