jQuery offset() Metodo

❮ Metodi jQuery HTML/CSS

Esempio

Restituisce le coordinate di offset di un elemento <p>:

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

Definizione e utilizzo

Il metodo offset() imposta o restituisce le coordinate di offset per gli elementi selezionati, relativi al documento.

Quando viene utilizzato per restituire l'offset:
questo metodo restituisce le coordinate di offset del PRIMO elemento abbinato. Restituisce un oggetto con 2 proprietà; le posizioni superiore e sinistra in pixel.

Quando viene utilizzato per impostare l'offset:
questo metodo imposta le coordinate di offset di TUTTI gli elementi abbinati.


Sintassi

Restituisce le coordinate di offset:

$(selector).offset()

Imposta le coordinate di offset:

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

Imposta le coordinate di offset usando una funzione:

$(selector).offset(function(index,currentoffset))

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

Provalo tu stesso - Esempi


Come impostare le coordinate di offset di un elemento.


Utilizzare una funzione per impostare le coordinate di offset di un elemento.


Come impostare le coordinate di offset per un elemento utilizzando un nuovo oggetto.


Come impostare le coordinate di offset per un elemento utilizzando le coordinate di offset di un elemento esistente.


❮ Metodi jQuery HTML/CSS