.position() Method

Syntax

.position()

Description

The css .position() method is used to find out the position of the current element in the document. The position is found relative to the parent element of the selected element. This method returns an object with 2 properties, top and left, which represent the top and left positions in pixels. The below example explains how to find out the css position of the element h1.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ x=$("h1").position(); alert("Left position: " + x.left + " Top position: " + x.top); }); }); </script> <h3>HIOX INDIA</h3> <p class="jq_ptag">Web Hosting Company</p> <button>Coordinates of the p element</button> </script>