js原生实现jquery方法offset()和position()

$(() => {
    console.log($('p').offset())
    console.log($('p').position())
    console.log(offset($('p')[0]))
    console.log(position($('p')[0]))

    // jquery offset原生实现
    function offset(target) {
        var top = 0,
            left = 0

        while(target.offsetParent) {
            top += target.offsetTop
            left += target.offsetLeft
            target = target.offsetParent
        }

        return {
            top: top,
            left: left,
        }
    }

    // jquery position原生实现
    function position(target) {
        return {
            top: target.offsetTop,
            left: target.offsetLeft,
        }
    }
})

Jquery中offset()和position()的区别分析

转载于：https://blog.csdn.net/u011500781/article/details/77397274