jQuery获取页面元素绝对与相对位置的方法

这篇文章主要介绍了jQuery获取页面元素绝对与相对位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下：

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

1. var X = $('#DivID').offset().top; 
2. var Y = $('#DivID').offset().left; 

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

1. var X = $('#DivID').position().top;  
2. var Y = $('#DivID').position().left;  
3. var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量 
4. var pTop = $("selector").scrollTop();//元素相对于滚动条顶部的偏移量 

希望本文所述对大家的jQuery程序设计有所帮助。