offset（）。top和element.offsetTop之间的jQuery区别

Question

之间有什么区别

$(this).offset().top

和

this.offsetTop

有问题的元素（this）是一个img元素。

我试图找到jQuery版本的等价物。

Answer 1

jQuery offset()

获取第一个元素的当前坐标，或者在匹配元素集中相对于文档设置每个元素的坐标。

HTMLElement.offsetTop

offsetTop返回当前元素相对于offsetParent节点顶部的距离。

jQuery position()

获取匹配元素集中第一个元素的当前坐标，相对于偏移父元素。

Getting the position of the element to the page

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}