Esempio
Restituisce la larghezza di un <div> elemento:
$("button").click(function(){
alert($("div").width());
});
Prova tu stesso " Definizione e utilizzo
Le width() metodo imposta o restituisce la larghezza degli elementi selezionati.
Quando questo metodo viene usato per ritornare larghezza, restituisce la larghezza dell'elemento corrispondente FIRST.
Quando questo metodo viene utilizzato per impostare la larghezza, si imposta la larghezza di tutti gli elementi corrispondenti.
Come l'immagine qui sotto illustra, questo metodo non include il padding, bordo o margine.
metodi correlati:
- height() - imposta o restituisce l'altezza di un elemento
- innerWidth() - Restituisce la larghezza di un elemento (include imbottitura)
- innerHeight() - Restituisce l'altezza di un elemento (include imbottitura)
- outerWidth() - Restituisce la larghezza di un elemento (include padding e border).
- outerHeight() - Restituisce l'altezza di un elemento (include padding e border).
Sintassi
Restituisce la larghezza:
$(selector).width()
Impostare la larghezza:
$(selector).width(value)
Impostare la larghezza utilizzando una funzione:
$(selector).width(function(index,currentwidth))
| Parametro | Descrizione |
|---|---|
| value | Richiesto per l'impostazione di larghezza. Specifica la larghezza in px, em, pt, ecc unità predefinita è px |
| function(index,currentwidth) | Facoltativo. Specifica una funzione che restituisce la nuova larghezza degli elementi selezionati
|
Provate voi stessi - Esempi
Impostare la larghezza di un elemento
Come impostare la larghezza di un elemento utilizzando unità diverse.
Diminuire la larghezza utilizzando una funzione
Come utilizzare una funzione per ridurre la larghezza di un elemento.
Riportare la larghezza degli elementi del documento e finestre
Come restituire la larghezza corrente degli elementi del documento e finestre.
Mostra dimensioni con metodi correlati
Come usare width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight() .
Responsive design con width()
Come modificare il colore di sfondo della pagina su schermi più piccoli.