jQuery的position()方法详解

前端之家收集整理的这篇文章主要介绍了jQuery的position()方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

position()方法的定义和用法:

方法获取匹配元素相对某些元素的偏移量。

返回的对象包含两个整型属性(top和left)的对象。

方法只对可见元素有效。

语法结构:

在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很多教程都说方法返回的偏移量是相对于父元素,其实并非完全如此,此方法会将匹配元素以绝对定位方式处理,当然并不是说真的将匹配元素设置为绝对定位。方法的偏移量参考原则如下:

1.如果父辈元素中没有采用定位的(position属性值为relative、absolute或者fixed),那么偏移量参考对象为窗口。

2.如果父辈元素中有采用定位的,那么偏移量的参考对象为距离它最近的采用定位的元素,

实例代码:

<Meta charset=" utf-8">