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方法是设置元素相对于整个浏览器的位置偏移。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。