jQuery position( ) 方法

最新推荐文章于 2023-07-31 17:00:12 发布

「已注销」

最新推荐文章于 2023-07-31 17:00:12 发布

阅读量501

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117857205

版权

position( ) 方法返回匹配到的第一个元素的位置（相对于他的第一个具有定位的父元素）。

语法格式：

$(selector).position()

注意：该方法返回一个对象，对象包含left和top两个属性。

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../jQuery/jQuery.js"></script>
    <style>
        .father {
            position: absolute;
            top: 100px;
            left: 100px;
            width: 500px;
            height: 500px;
            border: 1px solid #000;
            background-color: rgba(44, 23, 230, 0.527);
        }
        .son {
            position: absolute;
            top: 100px;
            left: 50px;
            width: 200px;
            height: 200px;
            border: 1px solid #000;
            background-color: rgba(17, 226, 111, 0.651);
        }
    </style>
    <script>
        $(document).ready(function(){
            console.log($(".son").position());
            console.log($(".son").position().left);
            console.log($(".son").position().top);
        })
    </script>
</head>
<body>
    <div class="father">
        <div class="son"></div>
    </div>
</body>
</html>