使用JQuery获取css的top和left

因为left和top也都是普通的css属性所以可以使用如下代码来获取,当然这样获取的是一个字符串。

var left = $('#test').css('left');
var top = $('#test').css('top');

如果们想直接取得对象的left和top的像素值，可以通过position方法来获取。

var left = $('#test').position().left;
var top = $('#test').position().top;

jquery的top和left
是相对于父级元素中第一个position为relative或absolute的元素靠左边的距离。

css的left和top属性
指的是距最近的一个position属性为relative或者absolute的父级元素的左边和上边的距离

left和top是我们经常用到的css属性，下面是对left和top的解释：

• 值为auto : 无特殊定位，根据HTML定位规则载文档流中分配
• 值为length :由浮点数字和单位标识符组成的长度值 | 百分数。
  必须定义- position属性值为absolute或者relative此取值方可生效。