jQuery.position()

.position()

.position() 返回:Object

获取匹配元素中第一个元素的当前坐标,相对于offset parent的坐标。( offset parent指离该元素最近的而且被定位过的祖先元素 )

version added: 1.2.position()

.position()方法可以获得该元素相对于offset parent的当前坐标。与.offset()不同, .offset()是获得该元素相对于documet的当前坐标 当把一个新元素放在同一个容器里面另一个元素附近时,用.position()更好用。

.position()返回一个包含 top 和 left属性的对象.

例子:

获取第一个段落的坐标位置:

[code lang=”html”]

<!DOCTYPE html>

<html>

<head>

<style>

div { padding: 15px;}

p { margin-left:10px; }

</style>

<script src="http://code.jquery.com/jquery-latest.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>

[/code]

发表评论

电子邮件地址不会被公开。