jquery offset()和position()的区别

<script src="jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("li").click(function () {
                $(this).toggleClass('red');
            })
            console.log($("ul").offset().top)
            console.log($("ul").position().top)
        })
    </script>
</head>
<body>
<div style="position: absolute;top: 100px;left: 100px;">
    <ul style="position: absolute;top: 10px;left: 10px;">
        <li class="red">ads</li>
        <li>ads</li>
        <li>ads</li>
        <li>ads</li>
        <li>ads</li>
    </ul>
</div>

结果：

可以看出offset()是相对于body来说的，而position是相对于父元素来说的

查看全文

相关阅读:
LeetCode 169
LeetCode 152
LeetCode 238
LeetCode 42
LeetCode 11
GDB基本调试
 小咪买东西（最大化平均值）
codeforces 903D
hdu 5883
hdu 5874

原文地址：https://www.cnblogs.com/alex-xxc/p/10014737.html