jquery用offset()方法获得元素的xy坐标


Posted in Javascript onSeptember 06, 2014

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)

var X = $('#DivID').offset().top; 
var Y = $('#DivID').offset().left; 
获取相对(父元素)位置: 
var X = $('#DivID').position().top; 
var Y = $('#DivID').position().left;
Javascript 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
Prototype 工具函数 学习
Jul 23 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 Javascript
JS代码实现table数据分页效果
May 26 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
jquery向上向下取整适合分页查询
Sep 06 #Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 #Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 #Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 #Javascript
js获取页面传来参数的方法
Sep 06 #Javascript
用javascript关闭本窗口技巧小结
Sep 05 #Javascript
使用jquery解析XML示例代码
Sep 05 #Javascript
You might like
新版PHP极大的增强功能和性能
2006/10/09 PHP
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
php取得字符串首字母的方法
2015/03/25 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
实例分析js事件循环机制
2017/12/13 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
vue组件创建的三种方式小结
2020/02/03 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
python对DICOM图像的读取方法详解
2017/07/17 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
科技工作者先进事迹
2014/08/16 职场文书
初中作文评语集锦
2014/12/25 职场文书
个人培训总结
2015/03/05 职场文书
会计主管岗位职责
2015/04/02 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB