Méthode width() de manipulation CSS jQuery

Exemple

Définir la largeur de l'élément <p> :

$(".btn1").click(function(){
  $("p").width(200);
});

Essayez-le vous-même

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()

Essayez-le vous-même

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.

Essayez-le vous-même

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

  • index - optionnel. Accepte la position index du sélecteur
  • oldvalue - optionnel. Accepte la valeur actuelle du sélecteur.

Essayez-le vous-même

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.