Méthode height()de jQuery

jQuery HTML/CSS 方法Méthodes HTML/CSS de jQuery

Exemples

Renvoie la hauteur de l'élément <div> :

$("button").click(function(){ alert($("div").height()); });

Essayez-le vous-même »

Définition et utilisation

La méthode height() définit ou renvoie la hauteur des éléments sélectionnés.

Lorsque cette méthode est utilisée pourrenvoyerla hauteur,elle renvoie la hauteur du premier élément correspondant.

Lorsque cette méthode est utilisée pourdéfinirla hauteur, elle définit la hauteur de tous les éléments correspondants.

Comme le montre l'image ci-dessous, cette méthode n'inclut pas padding, border ou margin.

jQuery Dimensions


Méthodes associées :

  • width()- Définir ou renvoyer la largeur des éléments
  • innerWidth()- Renvoyer la largeur des éléments (y compris le padding)
  • innerHeight()- Renvoyer la hauteur des éléments (y compris le padding)
  • outerWidth()- Renvoyer la largeur des éléments (y compris le padding et la bordure)
  • outerHeight()- Renvoyer la hauteur des éléments (y compris le padding et la bordure)

Syntaxe

Renvoyer la hauteur :

$(selector).height()

Définir la hauteur :

$(selector).height(value)

Définir la hauteur à l'aide d'une fonction :

$(selector).height(function(index,currentheight))

Paramètre Description
value Requis lors de la définition de la hauteur. Spécifie la hauteur de l'élément, dans des unités telles que px, em, pt, etc.
L'unité par défaut est px.
function(index,currentheight) Facultatif. Spécifie une fonction qui renvoie la nouvelle hauteur des éléments sélectionnés.
  • index- La position d'index de l'élément dans l'ensemble.
  • currentheight- La hauteur actuelle de l'élément sélectionné.


实例

Plus d’exemples

Définir la hauteur d'un élément
Comment définir la hauteur d'un élément à l'aide de différentes unités.

Augmenter la hauteur à l'aide d'une fonction
Comment augmenter la hauteur d'un élément à l'aide d'une fonction.

Renvoie la hauteur des éléments document et window
Comment renvoyer la hauteur actuelle des éléments document et window.

Afficher les dimensions à l'aide de méthodes associées
Comment utiliser width(), height(), innerHeight(), innerWidth(), outerWidth() et outerHeight().


jQuery HTML/CSS 方法Méthodes HTML/CSS de jQuery

Autres extensions