Méthode offset() de jQuery

jQuery HTML/Méthodes CSS

La méthode offset() de jQuery permet de récupérer ou de définir les coordonnées d'offset par rapport au document de l'élément sélectionné.

Lorsque vous utilisez la méthode offset()Obtenirlorsque l'offset est défini, il renverrale premier élément sélectionnéles coordonnées d'offset (y compris2un objet d'attribut (top et left) ).

Lorsque vous utilisez la méthode offset()Définirlorsque l'offset est défini, il définiraTous les éléments sélectionnésles coordonnées d'offset.

Syntaxe :

Obtenir les coordonnées d'offset :

$("selector").offset()

Définir les coordonnées d'offset :

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

Définir les coordonnées d'offset en utilisant une fonction :

$("selector").offset(function(index, 	currentOffset))

Instance

Obtenir les coordonnées d'offset du paragraphe :

$("button").click(function(){
　　let p = $("p");
　　let offset = p.offset();
　　p.html("left: 	"　+　offset.left　+　",	top:	"　+　offset.top);
});

Définir les coordonnées d'offset de tous les paragraphes :

$("button").click(function(){
　　$("p").offset({
　　　　top:　60,
　　　　left:　30
　　});
});

Définir la position de décalage de l'élément en utilisant les coordonnées d'offset d'un autre élément :

$("button").click(function(){
　　$("p").offset($("div").offset());
});

Définir les coordonnées d'offset en utilisant une fonction :

$("button").click(function(){
　　$("p").offset(function(i, val){
　　　　let newCord = new Object();
　　　　newCord.left = val.left　+　100;
　　　　newCord.top = val.top　+　100;
　　　　return newCord;
　　});
});

Valeur du paramètre

jQuery HTML/Méthodes CSS