jquery获取元素的位置offset()方法

日期:2018-03-02 14:16:16 章节:  jquery属性操作和常用方法

jquery获取元素的位置offset()方法

后台开发中,很少使用这个方法offset(),  前端做页面特效的时候,会有用,否则就写原生的js。

引入jquery文件

<head>
    <meta charset="UTF-8">
    <title>offset()获取元素位置</title>
    <script src="js/jquery-3.2.1.min.js"></script>
</head>

html标签与脚本代码如下:

<div class="jq" style="height: 300px;width: 300px;background-color: red;position: relative;top: 200px;left: 400px;"></div>
<script>
    $(function () {
        console.log($('.jq').offset());
    })
</script>

这样就可以返回.jq 元素的位置的值。 返回的json对象。

  1. left:408

  2. top:208