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+springboot文件上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了jQuery实现点击旋转，再点击恢复初始状态动画效果,结合实例形式分析了jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了到底该抛不抛弃JQuery，对JS框架感兴趣的同学，可以参考下2021-05-05
JQuery、AJAX都是Javascript的一个框架，各有各自不同的功能，下面为大家介绍下jquery和ajax的关系，不了解的朋友可以参考下2013-11-11
jquery和js分别可以实现对div的隐藏和显示，方法也不一样，jquery的show、show;js的hidden、visible2014-09-09
这里给大家分享几段JQuery提示效果的代码，非常的简单实用，有需要的小伙伴直接拿走吧2014-11-11
文章主要向大家介绍了jQuery 根据值或者文本选中select的方法和示例，非常实用的功能,需要的朋友可以参考下2015-02-02
这篇文章介绍了jQuery操作value值的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
本篇文章是jQuery中的日期选择器进行了详细的分析介绍，需要的朋友参考下2013-06-06
这篇文章主要介绍了JQuery对表单元素的基本操作使用总结,需要的朋友可以参考下2014-07-07
最新评论