Operazione CSS di jQuery - metodo width()

Manuale di riferimento per l'operazione CSS di jQuery

Esempio

Imposta la larghezza dell'elemento <p>:

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

Prova da solo

Definizione e uso

Il metodo width() restituisce o imposta la larghezza dell'elemento corrispondente.

Restituisce la larghezza

Restituisce la larghezza del primo elemento corrispondente.

Se non viene impostato un parametro per questo metodo, viene restituita la larghezza dell'elemento corrispondente in pixel.

Sintassi

$(selector).width()

Prova da solo

Imposta la larghezza

Imposta la larghezza di tutti gli elementi corrispondenti.

Sintassi

$(selector).width(length)
Parametri Descrizione
length

Opzionale. Specifica la larghezza dell'elemento.

Se non viene specificato l'unità di lunghezza, viene utilizzato l'unità predefinita px.

Prova da solo

Utilizza una funzione per impostare la larghezza

Utilizza una funzione per impostare la larghezza di tutti gli elementi corrispondenti.

Sintassi

$(selector).width(funzione(index,oldwidth))
Parametri Descrizione
funzione(index,oldwidth)

Stabilisci la funzione che restituisce la nuova larghezza dell'elemento selezionato.

  • index - opzionale. Accetta la posizione dell'indice del selettore
  • oldvalue - opzionale. Accetta il valore corrente del selettore.

Prova da solo

Più esempi

Ottieni la larghezza degli elementi document e window
Ottieni la larghezza corrente degli elementi document e window utilizzando il metodo width()
Imposta la larghezza utilizzando valori em e %
Imposta la larghezza dell'elemento utilizzando l'unità di lunghezza specificata.

Manuale di riferimento per l'operazione CSS di jQuery