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 相关文章推荐
java script编程起步(第三课)
Jan 10 Javascript
javascript实现的动态文字变换
Jul 28 Javascript
js清理Word格式示例代码
Feb 13 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
jquery手风琴特效插件
Feb 04 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
js中less常用的方法小结
Aug 09 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 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 常用字符串函数总结
2008/03/15 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
详解tensorflow载入数据的三种方式
2018/04/24 Python
Python判断telnet通不通的实例
2019/01/26 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
Python同步遍历多个列表的示例
2019/02/19 Python
python定时按日期备份MySQL数据并压缩
2019/04/19 Python
Django中create和save方法的不同
2019/08/13 Python
对python中的*args与**kwgs的含义与作用详解
2019/08/28 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
儿科主治医生个人求职信
2013/09/23 职场文书
数控专业推荐信范文
2013/12/02 职场文书
法制宣传月活动总结
2014/04/29 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
js中Object.create实例用法详解
2021/10/05 Javascript
SpringBoot 整合mongoDB并自定义连接池的示例代码
2022/02/28 MongoDB
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技
分享node.js实现简单登录注册的具体代码
2022/04/26 NodeJs