jquery中position（）函数的介绍

jquery里面的position函数还是比较简单的，我就简单介绍一下。

1、首先语法是 $("选择器").position(),它的作用是当前元素的相对坐标，相对于离该元素最近的而且被定位过的祖先元素。position函数是不加参数的。

2、.position()方法可以取得元素相对于父元素的偏移位置。与.offset()不同，.offset()是获得该元素相对于document的当前坐标。当把一个新元素放在同一个容器里面另一个元素附近时，用.position()更好用。

3、.position()返回一个包含 top 和 left属性的对象.
//注意：jquery不支持获取隐藏元素的偏移坐标及所占用的边框，边距和填充的大小 。

实例
html部分

<p>Hello</p>
<p></p>

css部分

*{padding:0;margin:0}
  div { padding: 15px;}
  p { margin-left:10px; }

js部分

var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );

这样返回得结果就是

<p>Hello</p><p>left: 15, top: 15</p>

以上就是position的简单介绍，详细的实践还需要大家自己操作。