jQuery offset() Method With Syntax and Example

The offset() method sets or returns the document offset coordinates for the selected elements.

When the offset is returned:

In this method, It returns the offset coordinates. In addition, it gives you an object with two properties: the top and left pixel positions.

When used to set the balance, this function sets the offset coordinates of ALL matching elements.

• Return the offset coordinates:

$(selector).offset()

• Set the offset coordinates:

$(selector).offset({top:value,left:value})

• Set offset coordinates using a function:

$(selector).offset(function(index,currentoffset))

The offset coordinates of a p> element are returned:

$("button").click(function(){
  var x = $("p").offset();
  alert("Top: " + x.top + " Left: " + x.left);
});