JQuery获得绝对,相对位置的坐标方法
获取页面某一元素的绝对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;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>java Test</title>
</head>
<style type="text/css">
<!--
body,div { margin:0; padding:0;}
-->
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<body>
<div style="background:#ccc;height:300px;" οnclick=""></div>
<div style="position:relative;">
<div style=" position:absolute;left:50px; top:50px;" id="DivID"></div>
</div>
<script type="text/javascript">
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
document.write(X+"<br />");
document.write(Y+"<br />");
//获取相对(父元素)位置:
var C = $('#DivID').position().top;
var D = $('#DivID').position().left;
document.write(C+"<br />");
document.write(D);
</script>
</body>
</html>
转载于:https://www.cnblogs.com/tweet/archive/2010/02/08/1665696.html
JQuery获得绝对,相对位置的坐标方法相关推荐
- JQuery 获得绝对,相对位置的坐标方法
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;) var X = $('#DivID').offset().top; var ...
- WPF获取相对位置、坐标的方法
原文:WPF获取相对位置.坐标的方法 1.获取鼠标在控件中的坐标: 1 private void item_MouseDown(object sender, MouseButtonEventArgs ...
- Java黑皮书课后题第8章:*8.21(中心城市)给定一组城市,中心城市是和其它所有城市具有最短距离的城市。编写一个程序,提示用户输入城市数目以及位置(坐标),找到中心城市以及与其他城市总距离
*8.21(中心城市)给定一组城市,中心城市是和其它所有城市具有最短距离的城市.编写一个程序,提示用户输入城市数目以及位置(坐标),找到中心城市以及与其他城市总距离 题目 题目描述与运行示例 破题 代 ...
- 为什么jQuery或诸如getElementById之类的DOM方法找不到元素?
本文翻译自:Why does jQuery or a DOM method such as getElementById not find the element? What are the poss ...
- 原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法 简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一 首先是进行js演示和讲解. 首先是display的方法 ...
- 使用jquery获取url及url参数的方法
[开发笔记]-使用jquery获取url及url参数的方法 使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: windo ...
- 笔记--jQuery常用API,事件,其他方法
1. jQuery 选择器 1.1 jQuery 基础选择器 原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准. 1.2 jQuery 层级选择 ...
- ABB机器人:基于现场通信方式向西门子PLC发送实时位置数据的方法
本文已经首发在个人微信公众号:工业机器人仿真与编程(微信号:IndRobSim),欢迎关注! 概述 在ABB机器人系统集成项目中,很多时候由于控制需求,我们需要对机器人的实时位置进行监控,这样就需要机 ...
- 如何查询CAD图纸中具体位置的坐标?
CAD绘图设计工作中,我们有时候会为了绘制出 精 准的CAD图纸,需要查询CAD图纸中具体 位置的坐标.这时候有没有方便好用的查询方法呢?小编今天就给大家详细的演示一下,如何查询CAD图纸中具体 位置 ...
- 计算节点位置的基本方法
计算节点位置的基本方法 在传感器节点定位过程中,通常根据未知节点(被监测节点)相对相邻信标节点的距离.角度进行计算位置.通常采用三边测距法.三角测距法或极大似然估计法进行计算. 三边测距法(Trila ...
最新文章
- oracle 使从表中随机取出一行记录数据
- json数据格式化展示出来
- MySQL中count(*)用法
- 几种在shell命令行中过滤adb logcat输出的方法
- 专业设计师是哪里找到高质量素材的!
- c++类的成员函数作回调函数为啥要声明为static的
- twisted系列教程二–缓慢的诗
- 我,第一次做项目经理,干赔了
- 窃取5亿雅虎用户信息的黑客 被判处5年有期徒刑
- python写接口程序_利用Python开发PCAN程序接口
- 各种学习网址总结-程序猿值得拥有 持更
- mysql 统计市县的数量
- 计算机专业初学者推荐书籍
- ​关于百度网盘扩容的一点经验分享2022
- 【VS 生成exe程序添加程序图标】
- html页面调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
- UnhandledPromiseRejectionWarning: MongoError: command insert requir es authentication
- 硬件知识 网线传输原理
- 比较两数大小c语言,C语言比较两个数字的大小
- 医药管理信息系统(javaWeb)
热门文章
- Windows中ElasticSearch的备份和还原
- js统计字符串中特定字符出现的个数
- 12. 切勿对STL容器的线程安全性有不切实际的依赖
- python自定义规律绘制_ForMaiR - 自定义规则的邮件自动转发工具
- 在VMware安装Ubuntu 16.04
- 对象数组题目 Student类
- 幻塔html5,《幻塔》捏脸系统怎么玩 捏脸系统玩法分享
- python保留字符串之外的_Python--字符串
- java文件编译为class文件需要键入什么命令_Day02:Java语言基础-第一个Java程序以及编译与运行机制...
- java语法特点_Java 语言特点