使用jquery获取css的top和left属性

               

我们经常要用到jquery获取对象的位置，jquery top left,jquery css left是相对于父级元素中第一个position为relative或absolute的元素靠左边的距离，jquery top left，jquery css left等要熟练运用

经常要获取某个元素的相对位置来做某些jquery特效，left和top也是我们经常用到的css属性，下面是对left和top的解释：

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

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

明白了css的left和top的含义，可以看下jquery获取css的值，因为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 获取left和top值，一般都用第二种方法，因为我们直接获取了left和top的像素值，可以直接用于计算，免去了通过函数praseInt转换的麻烦，如果要设置css的left和top属性，可以看 jquery设置css 。
           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow