jquery获取位置-jquery如何获取当前元素的位置

bendan520 jquery

2023-08-26 0 6,603 百度已收录

立即下单

进入商城

进不了网站？换个网络试试！

jQuery 获取当前元素的位置，并且它是相对于文档的位置。我们可以使用jQueryoffset()方法来实现。 offset() 方法仅适用于可见元素。

下面我们结合简单的代码向大家介绍jquery获取当前元素位置的技巧。

代码示例如下：




jquery获取当前元素的位置

*{
margin：0;
padding:0;
}
    #box{
        width:150px;
        height:100px;
        background: orange;
        margin: 150px 100px;
    }



    $(function() {
        $("button").click(function(){
            var offset = $("#box").offset();
            alert("盒子的当前位置为: (left: " + offset.left + ", top: " + offset.top + ")");
        });
    });

登录后复制

offset() 方法返回或设置匹配元素相对于文档的偏移量（位置）。

.offset() 方法允许我们检索元素相对于文档的当前位置（特别是其边界框，不包括行距）。将此与 .position() 进行对比jquery获取位置jquery获取位置，后者检索相对于倾斜父级的当前位置。当将新元素放置在现有元素之上以进行全局操作（尤其是实现拖放）时，.offset() 更有用。