Manuale jQuery

Imposta o restituisce le coordinate relative al documento per gli elementi selezionati

Sintassi

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

Se usato per restituire l’offset, restituisce l’offset del primo elemento corrispondente

Se usato per impostare l’offset, lo fa su tutti gli elementi corrispondenti.

Esempio 1: get

<script>
$(document).ready(function(){
	$("button").click(function(){
		var msg =  	"top: " +  $("div").offset().top + "\n" +
					"left: " + $("div").offset().left; 
		alert(msg);
	});
});
</script>
<div style="height:200px; width:200px; background-color:red;"></div>
<button>Prova</button>

Esempio 2: set

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").offset({top: 200, left: 200});
	});
});
</script>
<div style="height:200px; width:200px; background-color:red;"></div>
<button>Prova</button>