码迷,mamicode.com
首页 > Web开发 > 详细

jquery中使用css,offset和position设置top和left属性

时间:2014-07-14 14:51:55      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:使用   os   io   re   c   jquery   

有一个dom元素,它的position属性值为absolute,要通过jquery设置它的位置。

我们可以通过三种方法设置该元素的top和left值,设置这两个属性的值时,元素的position属性必须为absolute或relative。

第一种:使用jQuery对象的css方法,使用该方法可以直接把对象的位置设定到指定的地方,指定哪个位置就是哪个位置。

第二种:使用jQuery对象的offset方法,使用该方法时要注意,offset方法的作用是获取或设置匹配元素在当前视口的相对偏移。这句话粗一看也是设定元素位置,但其实跟使用css方法有所不同。注意“偏移”这两个字,使用offset方法设置位置时,该元素会相对于原来的位置偏移指定的距离,即会跟原来的位置累加,而不是直接把元素设置在指定的位置上。

第三种:使用jQuery对象的position方法,该方法跟offset方法一样,同样是设定相对偏移,但position是设置元素相对于父元素的偏移,而offset方法是设置元素相对于整个浏览器的位置偏移。

jquery中使用css,offset和position设置top和left属性,布布扣,bubuko.com

jquery中使用css,offset和position设置top和left属性

标签:使用   os   io   re   c   jquery   

原文地址:http://www.cnblogs.com/leayon/p/3841809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!