编程 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 相关文章推荐

来自chinaz的ajax获取评论代码

May 03 Javascript

使用JS 清空File控件的路径值

Jul 08 Javascript

基于jQuery创建鼠标悬停效果的方法

Mar 07 Javascript

JavaScript模块化开发之SeaJS

Dec 13 Javascript

酷炫jQuery全屏3D焦点图动画效果

Mar 22 Javascript

jquery分隔Url的param方法(推荐)

May 25 Javascript

Bootstrap table简单使用总结

Feb 15 Javascript

Bootstrap下拉菜单更改为悬停(hover)触发的方法

May 24 Javascript

详解vue 模拟后台数据（加载本地json文件）调试

Aug 25 Javascript

cocos creator Touch事件应用(触控选择多个子节点的实例)

Sep 10 Javascript

Vue中的methods、watch、computed的区别

Nov 26 Javascript

通过JavaScript下载文件到本地的方法（单文件）

Mar 17 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下判断数组中是否存在相同的值array_unique

2008/03/25 PHP

为IP查询添加GOOGLE地图功能的代码

2010/08/08 PHP

php中mysql模块部分功能的简单封装

2011/09/30 PHP

Laravel框架中扩展函数、扩展自定义类的方法

2014/09/04 PHP

Yii框架中memcache用法实例

2014/12/03 PHP

浅谈PHP检查数组中是否存在某个值 in_array 函数

2016/06/13 PHP

IE6弹出“已终止操作”的解决办法

2010/11/27 Javascript

浅析jQuery的链式调用之each函数

2010/12/03 Javascript

js中cookie的添加、取值、删除示例代码

2013/10/21 Javascript

jquery ajaxSubmit 异步提交的简单实现

2014/02/28 Javascript

JS实现可自定义大小，可双击关闭的弹出层效果

2015/10/16 Javascript

jQuery position() 函数详解以及jQuery中position函数的应用

2015/12/14 Javascript

jQuery的时间datetime控件在AngularJs中的使用实例(分享)

2017/08/17 jQuery

VueJs组件prop验证简单介绍

2017/09/12 Javascript

react-redux中connect的装饰器用法@connect详解

2018/01/13 Javascript

详解@angular/cli 改变默认启动端口两种方式

2018/11/29 Javascript

JavaScript JMap类定义与使用方法示例

2019/01/22 Javascript

详解js根据百度地图提供经纬度计算两点距离

2019/05/13 Javascript

JS中this的4种绑定规则详解

2020/02/04 Javascript

Javascript摸拟自由落体与上抛运动原理与实现方法详解

2020/04/08 Javascript

vue form表单post请求结合Servlet实现文件上传功能

2021/01/22 Vue.js

Python 字典(Dictionary)操作详解

2014/03/11 Python

pip 错误unused-command-line-argument-hard-error-in-future解决办法

2014/06/01 Python

python中实现指定时间调用函数示例代码

2017/09/08 Python

Python自定义简单图轴简单实例

2018/01/08 Python

python3的数据类型及数据类型转换实例详解

2019/08/20 Python

CSS3实现背景透明文字不透明的示例代码

2018/06/25 HTML / CSS

UGG英国官方网站：UGG UK

2018/02/08 全球购物

药学专业毕业生求职信

2013/10/20 职场文书

自荐信的五个重要部分

2013/10/29 职场文书

工商企业管理实习自我鉴定

2013/12/04 职场文书

会计专业大学生职业生涯规划范文

2014/01/11 职场文书

加拿大留学自荐信

2014/01/28 职场文书

安全资料员岗位职责范本

2014/06/28 职场文书

小学生自我评价100字（15篇）

2014/09/18 职场文书

Nginx 过滤静态资源文件的访问日志的实现

2021/03/31 Servers