Get the top and left position in jQuery

Description

The following code shows how to get the top and left position.

Example


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from  w ww .j ava  2s  .com-->
$("*", document.body).click(function (e) {
var position= $(this).position();
e.stopPropagation();
alert(position.left);
alert(position.top);
});
});
</script>
</head>
<body>
<b>Hello java2s.com java2s.co m</b>
</body>
</html>

Click to view the demo

The code above generates the following result.

Get the top and left position in jQuery

Home »
  Javascript Tutorial »
    jQuery »
      jQuery CSS

...
Check if an element has a certain class nam...
Check if an element has the style I need in...
Click to get the height in jQuery
Display the left and top properties returne...
Get class attribute in jQuery
Get height for a selected element in jQuery
Get height for the whole document in jQuery
Get inner height for a div in jQuery
Get outer width including margin in jQuery
Get the background color and create a new s...
Get the element background color in jQuery
Get the height for a tag in jQuery
Get the inner width for a div element in jQ...
Get the offset of last b tag in jQuery
Get the out height of a div element in jQue...
Get the outer width of an element in jQuery
Get the scroll bar horizontal position in j...
Get the scroll top offset in jQuery

Get the top and left position in jQuery

Get the whole document height in jQuery
Get the window height in jQuery
Print offset for an event in jQuery
Remove class from the first paragraph in jQ...
Remove the class attribute from selected di...
Reposition an element with .offset() and co...
Set background color for a form element in ...
Set background color for first table row in...
Set background color in jQuery
Set background color to blue in jQuery
Set border for form element in jQuery
Set class attribute in jQuery
Set css defined in an array in jQuery
Set cursor to auto in jQuery
Set height for a div element in jQuery
Set height for an element to a given value ...
Set height then change style in jQuery
Set more than one CSS properties with assoc...
Set style for all selected tag and then set...
...