首页 > 代码库 > 使用jquery获取css的top和left属性

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

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

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