jQuery width() Metodo

Restituisce la larghezza di un elemento <div>:

$("button").click(function(){
alert($("div").width());
});

Definizione e utilizzo

Il metodo width() imposta o restituisce la larghezza degli elementi selezionati.

Quando questo metodo viene utilizzato per restituire la larghezza, restituisce la larghezza del PRIMO elemento abbinato.

Quando questo metodo viene utilizzato per impostare la larghezza, imposta la larghezza di TUTTI gli elementi abbinati.

Come illustra l'immagine seguente, questo metodo non include spaziatura interna, bordo o margine.

jQuery Dimensioni

Metodi correlati:

height() - Imposta o restituisce l'altezza di un elemento
innerWidth() - Restituisce la larghezza di un elemento (include il riempimento)
innerHeight() - Restituisce l'altezza di un elemento (include il riempimento)
outerWidth() - Restituisce la larghezza di un elemento (include spaziatura interna e bordo).
outerHeight() - Restituisce l'altezza di un elemento (include spaziatura interna e bordo).

Restituisci la larghezza:

$(selector).width()

Imposta la larghezza:

$(selector).width(value)

Imposta la larghezza usando una funzione:

$(selector).width(function(index,currentwidth))

Parameter	Description
value	Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px
function(index,currentwidth)	Optional. Specifies a function that returns the new width of selected elements index - Returns the index position of the element in the set currentwidth - Returns the current width of the selected element

Come impostare la larghezza di un elemento utilizzando diverse unità.

Come usare una funzione per diminuire la larghezza di un elemento.

Come restituire la larghezza corrente del documento e degli elementi della finestra.

Come utilizzare width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().

Come cambiare il colore di sfondo della pagina su schermi più piccoli.