Question

用jquery 取标签在页面上的位置

Answer 1

    jquery 中有两个获取元素位置的方法offset()和position()

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

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

 
// Get *real* offsetParent 
var offsetParent = this.offsetParent(), 
// Get correct offsets 
offset = this.offset(), 
parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset(); 
// Subtract element margins 
// note: when an element has margin: auto the offsetLeft and marginLeft 
// are the same in Safari causing offset.left to incorrectly be 0 
offset.top -= num( this, 'marginTop' ); 
offset.left -= num( this, 'marginLeft' ); 
// Add offsetParent borders 
parentOffset.top += num( offsetParent, 'borderTopWidth' ); 
parentOffset.left += num( offsetParent, 'borderLeftWidth' ); 
// Subtract the two offsets 
results = { 
top: offset.top - parentOffset.top, 
left: offset.left - parentOffset.left 
};

 结论： 
    使用position()方法时事实上是把该元素当绝对定位来处理，获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置
    使用position()方法时如果其所有的父元素都为默认定位（static）方式，则其处理方式和offset()一样，是当前窗口的相对偏移 
    使用offset()方法不管该元素如何定位，也不管其父元素如何定位，都是获取的该元素相对于当前视口的偏移 

Answer 2

获取页面某一元素的绝对X,Y坐标
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
获取相对(父元素)位置:
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;

Answer 3

好像是获得标签对象，再得到对象的属性

追问

我得到这个对象了，可要得到他的位置，比如在JS中的offsetTop

追答

var a = 对象.offset();
var x = a.x;
var y =a .y;

追问

谢了，我解决了

追答

啥原因？

Answer 4

你是想要达到什么效果？能说明白一点么~

追问

我想得到这个对象在页面上的位置，就是作，上面这个问题，我试了，可我相用JS的对象来做词汇联想，用AJXA，怎么删除这个对象。。。