Installation
CSS Selectors
Event Handling
DOM Manipulation
Utilities
Data Structures
AJAX APIs
Animation APIs
Widgets Creation
.posAbs( [ New_Position ] ) - Absolute positioning
Gets the absolute position of an element with repect to the document parent.
Sets an element to a particular position repective to the document parent if the new position is specified. Absolute positioning DOES NOT change the "position" style to "absolute".
Parameters
NameTypeDefaultPossibleDescription
New_PositionJSONOptional{ x : AA, y : BB }, New position in JSON. x refers to horizontal position, y refers to veritcal position
where AA, BB are pixel numbers or String which precedes by "+" or "-"

Ex 1 : { x : 50 , y : 50 }
Ex 2 : { x : "+100", y : "-50" } - current x + 100, current y - 50
Ex 3 : { x : 100 } or { x : "-200" } - Only Horiziontal positioning
Ex 4 : { y : 50 } or { y : "+100" } - Only Vertical positioning
Returns
TypeDescription
JSON{ x : AA, y : BB}, where AA and BB are position of elements in pixel relative to document parent
Example 1
Find the absolute position and relative position of a div box. click on the box div.
JS HTML CSS 
		$.domLoaded(function() {
			
			$.get("#box").on("click", function() {
				// Get the clicked box div
				var box = $.self();
				
				// Get Absolute position
				var po = box.posAbs();
				alert("Absolute Position - x : " + po.x + " , y : " + po.y);
				
				// Get Relative position
				var po = box.pos();
				alert("Relative Position - x : " + po.x + " , y : " + po.y);				
			});
			
		});						
						
<body>
	
	<br/>
	
	<div id="cont"> 
		<div id="box">Click</div>
	</div>

</body>
	div {
		display : inline-block;
		padding : 10px;
		margin : 5px;
	}
	
	#box {
		width : 100px;
		height : 100px;
		border : 2px solid red;
	}
	
	#cont {
		width : 200px;
		height : 200px;
		border : 2px solid #000;
	}
Result
Example 2
Set relative and absolute position of box div.
JS HTML CSS 
		$.domLoaded(function() {
			
			$.get("#btn1").on("click", function() {			
				// Set Absolute position
				var po = $.get("#box").posAbs({x : 0, y : 0});			
			});
			
			$.get("#btn2").on("click", function() {			
				// Set Relative position
				var po = $.get("#box").pos({x : 0, y : 0});			
			});			
			
		});						
						
<body>
	
	<br/>
	
	<div id="cont"> 
		<div id="box">Click</div>
	</div>
	
	<br/>
	
	<input type="button" id="btn1" value="Set Absolute 0,0" /> 
	<input type="button" id="btn2" value="Set Relative 0,0" /> 

</body>
	div {
		display : inline-block;
		padding : 10px;
		margin : 5px;
	}
	
	#box {
		width : 100px;
		height : 100px;
		border : 2px solid red;
	}
	
	#cont {
		width : 200px;
		height : 200px;
		border : 2px solid #000;
	}
Result