Identify the position for particular element using jquery

Question

How to identify the x axis and y-axis of particluar element using jquery. Like we use pageX and pageY to identify the mouse pointer's position.

Answer 1

there is position() function that return Object{top,left}

var p = $("p:first");
var position = p.position();
var left = position.left;
var top = position.top;

Answer 2

Using offset().

var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );