首页 > 代码库 > 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方法是设置元素相对于整个浏览器的位置偏移。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。