Derniers tutoriels de développement web
 

jQuery height() Method

<JQuery HTML / Méthodes CSS

Exemple

Retour à la hauteur d'un élément <div>:

$("button").click(function(){
    alert($("div").height());
});
Essayez - le vous - même »

Définition et utilisation

Les height() ensembles de méthode ou renvoie la hauteur des éléments sélectionnés.

Lorsque cette méthode est utilisée pour retourner la hauteur, elle retourne la hauteur de l'élément apparié FIRST.

Lorsque cette méthode est utilisée pour définir la hauteur, il définit la hauteur de tous les éléments correspondants.

Comme l'image ci-dessous illustre, cette méthode ne comprend pas padding, border, ou de la marge.

jQuery Dimensions


méthodes connexes:

  • width() - Définit ou retourne la largeur d'un élément
  • innerWidth() - Retourne la largeur d'un élément (comprend le rembourrage)
  • innerHeight() - Retourne la hauteur d'un élément (comprend le rembourrage)
  • outerWidth() - Retourne la largeur d'un élément (comprend le rembourrage et la frontière)
  • outerHeight() - Retourne la hauteur d'un élément (comprend le rembourrage et la frontière)

Syntaxe

Retour à la hauteur:

$(selector).height()

Réglez la hauteur:

$(selector).height(value)

Réglez la hauteur à l'aide d'une fonction:

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

Paramètre La description
value Nécessaire pour le réglage de hauteur. Indique la hauteur en px, em, pt, etc.
L'unité par défaut est px
function(index,currentheight) Optionnel. Indique une fonction qui renvoie la nouvelle hauteur des éléments sélectionnés
  • index - Renvoie la position d'index de l'élément dans l'ensemble
  • currentheight - Retourne la hauteur actuelle de l'élément sélectionné

Essayez-le vous-même - Exemples

Réglez la hauteur d'un élément
Comment définir la hauteur d'un élément en utilisant différentes unités.

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

Retour à la hauteur des documents et éléments fenêtre
Comment retourner la hauteur actuelle du document et la fenêtre des éléments.

Afficher les dimensions avec des méthodes connexes
Comment utiliser la width(), height(), innerHeight(), innerWidth(), outerWidth() et outerHeight() .


<JQuery HTML / Méthodes CSS