jquery offset获取div的位置top和left数值

Posted 2020-08-22

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery offset获取div的位置top和left数值相关的知识，希望对你有一定的参考价值。

js中绝对定位获取写起来比较复杂，如果使用jquery 我们可以借助于它的offset偏移来获取div top和left值，下面我整理一些例子。

offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

绝对位置：

代码如下	复制代码
var X = $(‘#DivID‘).offset().top; var Y = $(‘#DivID‘).offset().left;

返回第一个匹配元素的偏移坐标。
该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效

例子

代码如下

复制代码

jquery获取此div的left和top:

var top = $("#div1").offset().top;
var left = $("#div1").offset().left;

这样比起js这个offset是要方便很多了哦

以上是关于jquery offset获取div的位置top和left数值的主要内容，如果未能解决你的问题，请参考以下文章