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...