编程 Javascript

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;

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

获取非最后一列td值并将title设为该值的方法

Oct 30 Javascript

JS小功能(操作Table--动态添加删除表格及数据)实现代码

Nov 28 Javascript

javascript将相对路径转绝对路径示例

Mar 14 Javascript

javascript中兼容主流浏览器的动态生成iframe方法

May 05 Javascript

深入分析JSONP跨域的原理

Dec 10 Javascript

AngularJS 使用ng-repeat报错 [ngRepeat:dupes]

Jan 19 Javascript

JavaScript上传文件时不用刷新页面方法总结（推荐）

Aug 15 Javascript

详解vue-element Tree树形控件填坑路

Mar 26 Javascript

js实现录音上传功能

Nov 22 Javascript

Node.js控制台彩色输出的方法与原理实例详解

Dec 01 Javascript

node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例

Feb 11 Javascript

Js图片点击切换轮播实现代码

Jul 27 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 ignore_user_abort与register_shutdown_function 使用方法

2009/06/14 PHP

php使用socket调用http和smtp协议实例小结

2019/07/26 PHP

tp5框架前台无限极导航菜单类实现方法分析

2020/03/29 PHP

JS中彻底删除JSON对象组成的数组中的元素

2020/09/22 PHP

浅谈Javascript面向对象编程

2011/11/15 Javascript

jquery ajax例子返回值详解

2012/09/11 Javascript

table对象中的insertRow与deleteRow使用示例

2014/01/26 Javascript

jquery中get和post的简单实例

2014/02/04 Javascript

自己动手写的javascript前端等待控件

2015/10/30 Javascript

js实现简单的验证码

2015/12/25 Javascript

js实现(全选)多选按钮的方法【附实例】

2016/03/30 Javascript

微信小程序视图容器组件的详解及实例代码

2017/01/19 Javascript

使用vue.js2.0 + ElementUI开发后台管理系统详细教程（二）

2017/01/21 Javascript

js/jq仿window文件夹移动/剪切/复制等操作代码

2017/03/08 Javascript

微信小程序 template模板详解及实例代码

2017/03/09 Javascript

js随机生成一个验证码

2017/06/01 Javascript

修改Nodejs内置的npm默认配置路径方法

2018/05/13 NodeJs

原生JS实现前端本地文件上传

2018/09/08 Javascript

[02:46]解说DC：感谢430陪伴我们的DOTA2国际邀请赛岁月

2016/06/29 DOTA

利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程

2015/05/05 Python

详解python如何调用C/C++底层库与互相传值

2016/08/10 Python

Python装饰器实现几类验证功能做法实例

2017/05/18 Python

Python字符串、列表、元组、字典、集合的补充实例详解

2019/12/20 Python

Python输出指定字符串的方法

2020/02/06 Python

基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算

2020/08/05 Python

使用css3和jquery实现可伸缩搜索框

2014/02/12 HTML / CSS

英国最大的在线床超市：Bed Star

2019/01/24 全球购物

eBay英国购物网站：eBay.co.uk

2019/06/19 全球购物

Gibson London官网：以地道的英国男装而著称

2019/12/06 全球购物

JAVA和C++区别都有哪些

2015/03/30 面试题

生日寄语大全

2014/04/08 职场文书

艺术设计专业求职自荐信

2014/05/19 职场文书

团结演讲稿范文

2014/05/23 职场文书

观看安全警示教育片心得体会

2016/01/15 职场文书

党组织关系的介绍信模板

2019/06/21 职场文书

python中的sys模块和os模块

2022/03/20 Python