jquery获取html元素的绝对位置和相对位置的方法
更新时间：2014年06月20日 00:09:08 投稿：mdxy-dxy
这篇文章主要介绍了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定位在浏览器文档的左上，右上等方位。
相关文章
这篇文章主要介绍了jQuery实现ajax无刷新分页页码控件,需要的朋友可以参考下2017-02-02
jScrollPane想必大家都不陌生吧它就是所谓的jquery滚动条插件，下面为大家介绍下其具体的使用，感兴趣的朋友不要错过2013-11-11
遍历每一行的同时一定要记住这里是gridviewrow不是datarow，找到这个选中项在执行删除2013-04-04
这篇文章主要为大家详细介绍了基于jquery实现九宫格拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
jQuery position() 函数详解以及jQuery中position函数的应用
position()函数用于返回当前匹配元素相对于其被定位的祖辈元素的偏移，也就是相对于被定位的祖辈元素的坐标。该函数只对可见元素有效，通过本文给大家介绍jQuery position() 函数详解以及jQuery中position函数的应用，感兴趣的朋友一起学习吧2015-12-12
这篇文章主要介绍了jQuery实现类似淘宝网图片放大效果的方法,实例分析了jquery实现图片放大效果的方法,涉及jquery操作鼠标事件及页面元素属性修改的相关技巧,需要的朋友可以参考下2015-07-07
获取select的value、text值的简单示例（jquery与javascript）
本篇文章主要分享了获取select的value、text值的简单示例代码，代码简洁明了，有需要的朋友可以参考下2016-12-12
下面小编就为大家分享一篇jquery点击回车键实现登录效果并默认焦点的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
jquery处理checkbox（复选框）是否被选中实例代码
这篇文章主要介绍了jquery处理checkbox（复选框）是否被选中实例代码的相关资料,需要的朋友可以参考下2017-06-06
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。2011-04-04
最新评论