jQuery获取元素相对页面和相对父元素的位置

获取元素相对父元素的偏移

position()获取匹配元素相对父元素的偏移，返回的对象包含两个整型属性：top 和 left，为精确计算结果，请在补白、边框和填充属性上使用像素单位,此方法只对可见元素有效

var position = $(div).position();//返回的对象包含两个整型属性：top 和 left
console.log(position.left + "," + position.top)//单独获取属性top和left值

获取元素相对页面的偏移

offset()获取匹配元素在当前视口的相对偏移，返回的对象包含两个整型属性：top 和 left，以像素计，此方法只对可见元素有效

参数offset([coordinates])

• coordinates为一个对象，规定以像素计的 top 和 left 坐标

var offset = $(div).offset();//返回的对象包含两个整型属性：top 和 left
console.log(offset.left + "," + offset.top)//单独获取属性top和left值
$(div).offset({top:300,left:300});设置元素相对窗口top=300px left=300px