jQuery获取元素的坐标

jQuery函数获取元素的坐标。

jQuery方法

.position（）方法允许我们检索元素相对于偏移父级的当前位置

var pos = $('#wrapper').position();
console.dir(pos);
//output: left: 0, top: 20

.offset（），它检索相对于文档的当前位置。

var offset = $('#wrapper').offset();
console.dir(offset);
//output: left: 70, top: 40

变成坐标：

var elem = $("#wrapper");
var x = $("#wrapper").offset().left;
var y = $("#wrapper").offset().top;
console.log('x: ' + x + ' y: ' + y);
//output: x: 70 y: 40

jQuery getCoord（）函数

jQuery.fn.getCoord = function()
{
  var elem = $(this);
  var x = elem.offset().left;
  var y = elem.offset().top;
  console.log('x: ' + x + ' y: ' + y);
  //output: x: 70 y: 40

  return {
      "x" : x,
      "y" : y
  };

  //note that it is not efficient as it breaks the jQuery chain
  //return elem;
};

$('#wrapper').getCoord();
//output: Object { x=70, y=40 }

From: https://www.sitepoint.com/jquery-coordinates-element/