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的简单介绍,详细的实践还需要大家自己操作。