JQuery 获得绝对,相对位置的坐标方法

shangqu4281

shangqu4281

2016-02-19 14:13

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐JQuery 获得绝对,相对位置的坐标方法,无聊中的都看过来。
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" /
titlejava 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;" onclick=""/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
展开更多 50%)
分享

猜你喜欢

JQuery 获得绝对,相对位置的坐标方法

Web开发
JQuery 获得绝对,相对位置的坐标方法

找对位置能救命

中医保健 中医养生 中草药
找对位置能救命

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

生育的绝对年龄与相对年龄

电脑网络
生育的绝对年龄与相对年龄

相对完美的CSS绝对底部

Web开发
相对完美的CSS绝对底部

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CAD怎么用相对坐标画矩形

cad教程 autocad教程 CAD
CAD怎么用相对坐标画矩形

jQuery 绝对入门查看

Web开发
jQuery 绝对入门查看

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Eclipse 接受 OpenAJAX 框架

Eclipse 接受 OpenAJAX 框架

Struts常见错误及原因分析

Struts常见错误及原因分析
下拉加载更多内容 ↓