首页 > 代码库 > jquery中使用css,offset和position设置top和left属性

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

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

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

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

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

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