jQuery中offset和position方法
2015-08-06 15:59
567 查看
jQuery中获取元素位置的方法:
offset()
获取元素的当前视口的相对偏移,只对可见元素有效
返回的对象包含两个属性:top、left
position()
获取元素相对于父元素的偏移,只对可见元素有效
返回的对象包含两个属性:top、left
区别:
position()方法是把元素当绝对定位来处理,获取的是该元素相对于最近的一个拥有绝对或者相对定位的父元素的偏移位置,如果没有,则和offset()一样,是当前视口的相对偏移
offset()方法不管如何定位,返回的都是元素的当前视口的相对偏移
例子:
var t = $('div').position().top;
var l = $('div').position().left;
或者直接var a = $('div').position();
通过a.left和a.top调用
offset()
获取元素的当前视口的相对偏移,只对可见元素有效
返回的对象包含两个属性:top、left
position()
获取元素相对于父元素的偏移,只对可见元素有效
返回的对象包含两个属性:top、left
区别:
position()方法是把元素当绝对定位来处理,获取的是该元素相对于最近的一个拥有绝对或者相对定位的父元素的偏移位置,如果没有,则和offset()一样,是当前视口的相对偏移
offset()方法不管如何定位,返回的都是元素的当前视口的相对偏移
例子:
var t = $('div').position().top;
var l = $('div').position().left;
或者直接var a = $('div').position();
通过a.left和a.top调用
相关文章推荐
- jQuery操作Class
- jQuery为元素添加样式
- jQuery的on方法绑定事件
- jQuery UI vs EasyUI
- PHP+jquery实现的三级联动
- jquery load方法用法详解
- ajaxFileUpload 报这错jQuery.handleError is not a function 博客分类: WEB前端jquery
- jQuery的选择器中的通配符[id^='code']
- jquery判断值是否存在于数组中
- jQuery mask
- PHP+jQuery+Ajax+Mysql如何实现发表心情功能
- 省市地区三级联动弹出层Jquery特效
- Jquery 判断radio,selelct,checkbox是否选中
- jquery 预览并自增 上传图片
- HTML事件冒泡和JQuery阻止事件冒泡的方式
- jquery 其他api操作
- JQuery星星评级
- jquery on绑定类似hover的功能
- jQuery设置和移除文本框默认值
- jQuery日常使用1