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 相关文章推荐
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
Angular.js之作用域scope'@','=','&'实例详解
Feb 28 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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
PHP4之COOKIE支持详解
2006/10/09 PHP
PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
自己的js工具 Event封装
2009/08/21 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python中DJANGO简单测试实例
2015/05/11 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
python实现八大排序算法(1)
2017/09/14 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
原来我一直安装 Python 库的姿势都不对呀
2019/11/11 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
老师自我鉴定范文
2013/12/25 职场文书
2014全国两会学习心得体会2000字
2014/03/10 职场文书
政府门卫岗位职责
2014/04/29 职场文书
公司收款委托书范本
2014/09/20 职场文书
自主招生自荐信格式范文
2015/03/25 职场文书
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
python脚本框架webpy模板控制结构
2021/11/20 Python
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫