Exemples d'utilisation de la méthode position() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode position() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode obtient le décalage de l'élément correspondant par rapport à un élément.
L'objet renvoyé contient un objet avec deux propriétés entières (en haut et à gauche).
Cette méthode ne fonctionne que sur les éléments visibles.
Structure grammaticale :

Copier le code Le code est le suivant :

$(selector).position()

Au début du tutoriel, la raison pour laquelle il est dit est d'obtenir le décalage de l'élément correspondant par rapport à certains éléments. De nombreux tutoriels indiquent que le décalage renvoyé par la méthode est relatif à l'élément parent, mais ce n'est pas tout à fait vrai. Cette méthode traitera l'élément correspondant avec un positionnement absolu. Bien entendu, cela ne signifie pas que l'élément correspondant est réellement défini sur. positionnement absolu. Le principe de référence offset de la méthode est le suivant :

1. Si l'élément parent n'utilise pas de positionnement (la valeur de l'attribut de position est relative, absolue ou fixe), alors l'objet de référence de décalage est la fenêtre.
2. Si l'un des éléments parents est positionné, alors l'objet de référence du décalage est l'élément positionné le plus proche

.

Exemple de code :

Copier le code Le code est le suivant :

Dans la combinaison supérieure du code ci-dessus, puisque l'élément parent utilise un positionnement relatif, le décalage obtenu est relatif à l'élément parent. Dans la combinaison du bas, puisque l'élément parent n'utilise pas de positionnement, l'objet de référence de décalage est la fenêtre.

J'espère que cet article sera utile à la programmation jQuery de chacun.

Cet article est reproduit à partir de : Ant Tribe http://www.softwhy.com/