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

最新推荐文章于 2023-03-07 18:43:04 发布

转载最新推荐文章于 2023-03-07 18:43:04 发布 · 718 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1756499/blog/295143

文章标签：

#javascript #python #ViewUI

本文介绍了如何使用jQuery来设置绝对定位元素的位置。主要通过css、offset和position三种方法实现，详细解释了每种方法的区别及应用场景。

2019独角兽企业重金招聘Python工程师标准>>>

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

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

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

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

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

转载于:https://my.oschina.net/u/1756499/blog/295143