028-86261949

当前位置:首页 > 技术交流 > jQuery中的offset方法和position方法

jQuery中的offset方法和position方法

2018/10/09 18:00 分类: 技术交流 浏览:0

今天我们来学习一下jQuery中的offset()方法和position()方法,先上初始代码:
jQuery代码:
运行结果:
接下来在父元素身上添加:position:relative

 

接下来再给父元素身上添加:margin-top:50px
大家可以在以上代码的基础上再给父元素添加padding-top或者再最外面添加一个父元素进行测试。
小结:
   1 元素的offset()方法获取到的是子元素到文档(水平方向和垂直方向的)距离(偏移)。
   2 元素的position()方法获取到的是子元素距离自己最近的带有定位属性的父盒子(水平和垂直方向的)距离(偏移)。
 
   感谢源码时代教学讲师提供此文章!
   本文为原创文章,转载请注明出处!

 

#标签:jQuery,offset方法,position方法