JQuery 獲得絕對,相對位置的座標方法
阿新 • • 發佈:2019-02-17
獲取頁面某一元素的絕對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;
程式碼如下:
轉自:http://www.jb51.net/article/22081.htm<!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;" 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>