Méthode width() de manipulation CSS jQuery
Exemple
Définir la largeur de l'élément <p> :
$(".btn1").click(function(){ $("p").width(200); });
Définition et utilisation
La méthode width() retourne ou définit la largeur de l'élément correspondant.
Retourner la largeur
Retourner la largeur de la première élément correspondant.
Si aucun paramètre n'est défini pour cette méthode, elle retourne la largeur de l'élément correspondant en pixels.
Syntaxe
$(selector).width()
Définir la largeur
Définir la largeur de tous les éléments correspondants.
Syntaxe
$(selector).width(length)
Paramètres | Description |
---|---|
length |
Optionnel. Définir la largeur de l'élément. Si l'unité de longueur n'est pas définie, l'unité par défaut px est utilisée. |
Utiliser une fonction pour définir la largeur
Utiliser une fonction pour définir la largeur de tous les éléments correspondants.
Syntaxe
$(selector).width(function(index,oldwidth))
Paramètres | Description |
---|---|
function(index,oldwidth) |
Définir la fonction qui renvoie la nouvelle largeur de l'élément sélectionné.
|
Plus d'exemples
- Obtenir la largeur des éléments document et window
- Obtenir la largeur actuelle des éléments document et window en utilisant la méthode width()
- Définir la largeur en utilisant les valeurs en em et %
- Définir la largeur de l'élément en utilisant l'unité de longueur spécifiée.