jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: ObjectObject .position( )

Description: 获取匹配元素集中第一个元素的坐标,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。
  • version added: 1.2
  • .position( )

The .position()方法允许我们取回元素的当前位置。 对比.offset()方法,.offset()取回当前位置,相对于document. 当在同一个容器中放置一个元素在另一个元素旁边,.position()方法更有用。

返回一个包含topleft属性的对象。

Examples:

例子:

取出第二个p元素的位置:
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></script>
  <style>div { padding: 15px;}
  p { margin-left:10px; }</style>
</head>
<body>
  
<div>
  <p>Hello</p>
</div>
<p></p>

  <script>var p = $("p:first");
var position = p.position();
$("p:last").text( "left: " + position.left + ", top: " + position.top );</script>
</body>
</html>

Demo: