热门关键字:
jquery > jquery教程 > jquery教程 > 使用jquery获取css的top和left属性

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

382
作者:管理员
发布时间:2021/1/16 17:21:47
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3183
我们经常要用到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。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐