X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery position() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

Return the top and left position of a <p> element:

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

Try it yourself »

Definition and Usage

The position() method returns the position (relative to its parent element) of the first matched element.

This method returns an object with 2 properties; the top and left positions in pixels.


Syntax

$(selector).position()


Examples

Try it Yourself - Examples

Return the position of an element relative to its parent element
How to get the position of a <p> element inside a <div> element.


jQuery HTML/CSS Methods jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook