jQuery position()

position() 是 jQuery 中一个用于获取元素相对于其 offset parent 元素的位置的方法，其返回值是一个带有 top 和 left 属性的对象。此函数只适用于已定位的元素（其 CSS position 属性设置为 relative、fixed 或 absolute）。

语法

$(selector).position()

参数

无

返回值

代码片段：

{
  top: (number),
  left: (number)
}

示例

HTML 代码：

<div id="parent" style="position: relative;">
  <div id="child" style="position: absolute; left: 50px; top: 50px;">
    This is the child element.
  </div>
</div>

JS 代码：

var position = $('#child').position()

console.log(position.top) // 输出 50
console.log(position.left) // 输出 50

解释

上面的示例中，我们首先创建了一个父元素，然后在父元素中创建了一个子元素，子元素的 position 属性设置为 absolute，并且设置了 left 和 top 属性分别为 50px。此时，子元素相对于父元素的位置就是 (50, 50)。

接着，我们可以利用 $('#child').position() 获取子元素相对于父元素的位置，并将其存储在 position 变量中。最后，我们可以通过访问 position.top 和 position.left 获取子元素的 top 和 left 值，分别输出 50 和 50。