首页 > 语言 > JavaScript > 正文

jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

2024-05-06 16:02:16
字体:
来源:转载
供稿:网友
jQuery获得页面元素的绝对X,Y坐标,可以用offset()方法,下面有个不错的坐标大家可以参考下

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:

复制代码 代码如下:


<span>var</span> X <span>=</span> $<span>(</span><span>'#DivID'</span><span>)</span>.<span>offset</span><span>(</span><span>)</span>.<span>top</span><span>;</span>
<span>var</span> Y <span>=</span> $<span>(</span><span>'#DivID'</span><span>)</span>.<span>offset</span><span>(</span><span>)</span>.<span>left</span><span>;</span>


获取相对(父元素)位置:

复制代码 代码如下:


<span>var</span> X <span>=</span> $<span>(</span><span>'#DivID'</span><span>)</span>.<span>position</span><span>(</span><span>)</span>.<span>top</span><span>;</span>
<span>var</span> Y <span>=</span> $<span>(</span><span>'#DivID'</span><span>)</span>.<span>position</span><span>(</span><span>)</span>.<span>left</span><span>;</span>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选