jquery获取html元素的绝对位置和相对位置的方法


Posted in Javascript onJune 20, 2014

绝对位置坐标:

$("#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定位在浏览器文档的左上,右上等方位。

Javascript 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
Javascript String对象扩展HTML编码和解码的方法
Jun 02 Javascript
让你的网站可编辑的实现js代码
Oct 19 Javascript
javascript 解析url的search方法
Feb 09 Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
js模拟微博发布消息
Feb 23 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
基于JavaScript实现微信抢红包功能
Jul 20 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
基于IView中on-change属性的使用详解
Mar 15 Javascript
three.js 制作动态二维码的示例代码
Jul 31 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 #Javascript
对之前写的jquery分页做下升级
Jun 19 #Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 #Javascript
jQuery常用操作方法及常用函数总结
Jun 19 #Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 #Javascript
You might like
PHP strtok()函数的优点分析
2010/03/02 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
利用php生成验证码
2017/02/23 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
jQuery 学习 几种常用方法
2009/06/11 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
nodejs中实现路由功能
2014/12/29 NodeJs
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
python opencv实现运动检测
2018/07/10 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
Python如何输出百分比
2020/07/31 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
网络体系结构及协议的定义
2014/03/13 面试题
管理专员自荐信
2014/01/26 职场文书
员工拓展培训方案
2014/02/15 职场文书
个人借款担保书
2014/04/02 职场文书
授权委托书公证
2014/09/14 职场文书
金榜题名主持词
2015/07/02 职场文书
初一年级组工作总结
2015/08/12 职场文书