js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较

一、offsetParent

元素的offsetParent并非元素的父元素，判断元素的offsetParent要根据如下状况：

1）当DOM结构层次中的元素均没有进行css定位（设置position为absolute或relative），则offsetParent为根目录；

2）当元素的父元素没有进行css定位，则offsetParent取最近的已经定位的元素；

3）当元素的父元素进行了css定位，则offsetParent为父元素；

二、offsetLeft,offsetTop

 在IE中：老是以父元素为参照对象进行偏移；偏移量会加上父元素的边框值。

 在非IE中：以最近非静态定位元素为参照对象进行偏移。

三、jquery的offset()及position()

 offset()：是用于计算绝对偏移量，获取元素在当前窗口的相对偏移，参照对象为body。

 position():是用于计算相对偏移量，参照对象为最近非静态定位的元素。

 所以，若是当前元素的上级元素position属性值都没有被定义为absolute，relative，fixed，那么当前元素的最近父级定位元素就应该是body元素，此时相对偏移位置和绝对偏移位置是相同的。