专业网站建设网站开发公司,光明新区做网站,网店美工的定义,安康优质网站建设方案转载自 jQuery中position()与offset()区别
position()获取相对于它最近的具有相对位置(position:relative或position:absolute)的父级元素的距离#xff0c;如果找不到这样的元素#xff0c;则返回相对于浏览器的距离。
offset()始终返回相对于浏览器文档document的距离如果找不到这样的元素则返回相对于浏览器的距离。
offset()始终返回相对于浏览器文档document的距离它会忽略外层元素。
下边看个简单的例子这里外层的div元素(position:relative)仅一个 div idouter stylewidth:200px;position:relative;left:100px;div idinner styleposition:absolute;left:50px;top:60px; /div/div//获取相对于最近的父级(position:relative或position:absolute)的位置var vposition $(#inner).position();alert(vposition.left); //输出50alert(vposition.top); //输出60var voffset $(#inner).offset();alert(voffset.left); //输出$(#outer).offset().left50alert(voffset.top); //输出$(#outer).offset().top60在不同浏览器中,offset()得到的相对于浏览器的位置不同相信你看了上边相应的注释已经掌握了position()同offset()方法的区别。
