Maison >interface Web >js tutoriel >Méthodes pour obtenir la taille et les coordonnées des éléments dans jquery_jquery

Méthodes pour obtenir la taille et les coordonnées des éléments dans jquery_jquery

WBOY
WBOYoriginal
2016-05-16 16:47:491142parcourir
1. Obtenir les coordonnées

1.offset()

la méthode offset() renvoie ou définit le décalage (position) de l'élément correspondant par rapport au document. (c'est-à-dire les coordonnées de la fenêtre d'affichage)

L'objet renvoyé par cette méthode contient deux propriétés entières : top et left, mesurées en pixels.

Cette méthode ne fonctionne que pour les éléments visibles. La méthode

2.position()

position() renvoie la position (décalage) de l'élément correspondant par rapport à l'élément parent. (Coordonnées du document par rapport à l'élément parent)

L'objet renvoyé par cette méthode contient deux propriétés entières : top et left, mesurées en pixels.

Cette méthode ne fonctionne que pour les éléments visibles.

3.offsetParent()

La méthode offsetParent() renvoie l'élément positionné par l'ancêtre le plus proche.

Un élément positionné fait référence à un élément dont la propriété CSS position est définie sur relative, absolue ou fixe.

La position peut être définie via jQuery ou via la propriété CSS position.

2. Obtenez la taille

Les méthodes 1.width() et height()

la méthode width() définit ou renvoie la largeur du élément (sans compter le remplissage, les bordures ou les marges). La méthode

height() définit ou renvoie la hauteur d'un élément (sans compter le remplissage, les bordures ou les marges).

Méthodes 2.innerWidth() et innerHeight()

La méthode innerWidth() renvoie la largeur de l'élément (y compris le remplissage).

La méthode innerHeight() renvoie la hauteur de l'élément (y compris le remplissage).

3. Méthodes externalWidth() et externalHeight()

La méthode externalWidth() renvoie la largeur de l'élément (y compris le remplissage et la bordure). La méthode

outerHeight() renvoie la hauteur de l'élément (y compris le remplissage et la bordure). La méthode

outerWidth(true) renvoie la largeur de l'élément (y compris le remplissage, la bordure et la marge). La méthode

outerHeight(true) renvoie la hauteur de l'élément (y compris le remplissage, la bordure et la marge).
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn