jquery中offset（），position()

position（）

body{
    position: relative;
}
div{width:200px;height: 200px;background-color: #bce8f1;position: relative;left:200px;}

var left= $("span").position().left;
var right= $("span").position().top;
 console.log("position_left:"+left);
console.log("position_top:"+right);

定义和用法

position() 方法返回第一个匹配元素的位置（相对于它的父元素）。

该方法返回一个带有两个属性（以像素为单位的 top 和 left 位置）的对象。

 

offset（）

offset() 方法设置或返回被选元素 相对于文档的偏移坐标

     1、当用于返回偏移时：

          该方法返回第一个匹配元素的偏移坐标，它返回一个带有2个属性( 以像素为单位的 top 和 left 位置)的对象

     2、当用于设置偏移时：

         该方法设置所有匹配元素的偏移坐标，

 

注意：

offset() ，position（）方法 返回的top , left. 跟 margin-top,margin-left 也有关系。

      如果元素有margin-top,margin-left. 它获取当前的margin. 没有则是默认取值。

      如果父元素也有margin,broder 的话。它也会受到影响。取值要更大。