jquery获取html元素的绝对位置和相对位置
2015-10-16 15:16
232 查看
jquery获取html元素的绝对位置坐标和相对父元素的位置坐标方法:
绝对位置坐标:
$("#elem").offset().top
$("#elem").offset().left
相对父元素的位置坐标:
$("#elem").position().top
$("#elem").position().left
另:
static(默认):默认定位方式。
relative(相对定位):在static的基础上,相对元素本来的位置变化,通过设定top,bottom,left,right实现。
absolute(绝对定位):是相对父元素来说的,如果父元素中有relative,那么该元素的位置是经过计算后的结果。即absolute定位的参照物是“上一个定位过的父元素(static不算)”。绝对定位会使元素从文档流中被删除。
fixed(固定定位):fixed定位的参照物总是当前的文档。利用fixed定位,很容易让一个div定位在浏览器文档的左上,右上等方位。
【原文地址】:http://blog.sina.com.cn/s/blog_613fee860101649b.html
绝对位置坐标:
$("#elem").offset().top
$("#elem").offset().left
相对父元素的位置坐标:
$("#elem").position().top
$("#elem").position().left
另:
static(默认):默认定位方式。
relative(相对定位):在static的基础上,相对元素本来的位置变化,通过设定top,bottom,left,right实现。
absolute(绝对定位):是相对父元素来说的,如果父元素中有relative,那么该元素的位置是经过计算后的结果。即absolute定位的参照物是“上一个定位过的父元素(static不算)”。绝对定位会使元素从文档流中被删除。
fixed(固定定位):fixed定位的参照物总是当前的文档。利用fixed定位,很容易让一个div定位在浏览器文档的左上,右上等方位。
【原文地址】:http://blog.sina.com.cn/s/blog_613fee860101649b.html
相关文章推荐
- 基于jQuery实现的菜单切换效果
- jquery判断复选框是否被选中的方法
- 基于jquery实现复选框全选,反选,全不选等功能
- jquery的图片播放插件 - colorbox
- jquery对javascript事件的封装一览
- jquery插件select2事件不起作用(select2-3.5.4)
- 利用jquery实现百度新闻导航菜单滑动动画
- Jquery的回调函数的使用
- JQuery中2个等号与3个等号的区别
- 360浏览器 7.1版本兼容模式,jQuery $.post 和$.ajax 跨域访问失效
- jQuery单选框选中项值的获取
- jQuery $.Deferred()对象学习笔记
- jQuery EasyUI使用教程之创建一个链接按钮
- 前端jquery 获取ueditor内容判断
- jQuery实现简易的天天爱消除小游戏
- jquery中的元素
- jquery EasyUI 心得--------2 datagrid中混用渲染方式引出的bug带给我的反思
- jQuery-- 格式化时间
- jQuery实现带渐显效果的人物多级关系图代码
- jquery中的选择器