獲得元素的協調

Question

要獲得鼠標的座標，我們使用e.pageY和e.pageX。什麼類或ID？它應該看起來像：

$(this).pageY;或類似的東西？它甚至有可能做到嗎？謝謝。

Answer 1

你可以用這取決於你想要什麼position或offset。 position會給你元素的位置相對於抵銷家長，offset會給你相對於文件的位置。

Answer 2

offset()方法返回元素的位置（頂部和左側）。

var offset = $("selector").offset(); 
offset.top // Top position, relative to the top of the page 
offset.left // Left position, relative to the left of the page 

Answer 3

採用偏置

$(".divItem").click(function(){ 
    alert("Left is : "+$(this).offset().left) 
}); 

這裏有一個例子：http://jsfiddle.net/ZBeWq/4/，如果你婉得到一些元素相對於文檔即整個頁面的座標表示內容

Answer 4

，您可以使用offset()方法。否則，如果你想獲得相對於父元素的座標，你可以使用position()方法。這兩個函數都返回元素的頂部和左側。

var absolute_coordinates = $('#mydiv').offset(); // top and left with respect to document 

    var relative_coordinates = $('#mydiv').position(); //top and left with respect to parent 

    alert('#mydiv is ' + relative_coordinates.top 
      + 'px below from parent and absolute_coordinates.top + 
     'px below from document');