Le dimensionnement

jQuery propose une série de méthodes relatives à la dimension des éléments.

height() height

Renvoie la hauteur d’un élément, exprimée en pixels.


$("p").height();
 

Cette méthode renvoie une chaîne de caractères (string).

height(valeur)

Assigne une hauteur aux éléments spécifiés. Si aucune unité n’est spécifiée (comme em ou %), l’unité px sera choisie par défaut.


$("p").height(120);
 

Cette méthode renvoie un objet jQuery.

width() width

Renvoie la largeur d’un élément, exprimée en pixels.


$("p").width();
 

Cette méthode renvoie une chaîne de caractères (string).

width(valeur)

Assigne une largeur aux éléments spécifiés. Si aucune unité n’est spécifiée (comme em ou %), l’unité px sera choisie par défaut.


$("p").width(120);
 

Cette méthode renvoie un objet jQuery.

Depuis la version 1.4 de jQuery, il est possible de modifier la hauteur et la largeur des éléments d’une sélection par une fonction.

Avec la version 3 de jQuery ces propriétés savent renvoyer des valeurs avec des décimales.

La syntaxe est alors :

height(fonction(index, valeur actuelle))

width(fonction(index, valeur actuelle))

Où :

  • fonction spécifie une fonction qui retourne la nouvelle valeur de la hauteur...

couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Attribuer des propriétés de style
Suivant
Le positionnement