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 }