返回值:Objectposition()

取得第一个匹配元素相对于父元素的偏移坐标。

.position() 方法允许我们取得元素相对于父元素的偏移位置。该方法与 .offset() 相比,.offset() 取得的是相对于文档的位置。如果某元素位于其它元素的边上,并且它们都位于相同的 DOM 元素中,那么 .position() 方法可能更有用。

该方法返回一个对象,包括 topleft 属性。

注意: jQuery 无法取得隐藏元素的坐标及所占用的边框,边距和填充的大小。

示例:

取得第一个段落的位置:

<!DOCTYPE html>
<html>
<head>
<style>

  div { padding: 15px;}
  p { margin-left:10px; }
  </style>
<script src="jquery.min.js"></script>
</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>

演示: