Exemple
Retour à la largeur d'un <div> élément:
$("button").click(function(){
alert($("div").width());
});
Essayez - le vous - même » Définition et utilisation
Les width() ensembles de méthode ou renvoie la largeur des éléments sélectionnés.
Lorsque cette méthode est utilisée pour renvoyer la largeur, elle retourne la largeur de l'élément apparié FIRST.
Lorsque cette méthode est utilisée pour définir la largeur, il définit la largeur de tous les éléments correspondants.
Comme l'image ci-dessous illustre, cette méthode ne comprend pas padding, border, ou de la marge.
méthodes connexes:
- height() - Définit ou retourne la hauteur 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 bordure).
- outerHeight() - Retourne la hauteur d'un élément (comprend le rembourrage et la bordure).
Syntaxe
Retour à la largeur:
$(selector).width()
Régler la largeur:
$(selector).width(value)
Réglez la largeur en utilisant une fonction:
$(selector).width(function(index,currentwidth))
| Paramètre | La description |
|---|---|
| value | Nécessaire pour le réglage de largeur. Indique la largeur en px, em, pt, etc. L'unité par défaut est px |
| function(index,currentwidth) | Optionnel. Indique une fonction qui renvoie la nouvelle largeur des éléments sélectionnés
|
Essayez-le vous-même - Exemples
Définir la largeur d'un élément
Comment définir la largeur d'un élément en utilisant différentes unités.
Diminuer la largeur en utilisant une fonction
Comment utiliser une fonction pour diminuer la largeur d'un élément.
Retour à la largeur des documents et éléments fenêtre
Comment retourner la largeur actuelle des documents et des fenêtres éléments.
Afficher les dimensions avec des méthodes connexes
Comment utiliser la width(), height(), innerHeight(), innerWidth(), outerWidth() et outerHeight() .
Responsive Design avec width()
Comment changer la couleur de la page d'arrière-plan sur les petits écrans.