jQuery height() Metodo
Esempio
Restituisce l'altezza di un elemento <div>:
$("button").click(function(){
alert($("div").height());
});
Definizione e utilizzo
Il metodo height() imposta o restituisce l'altezza degli elementi selezionati.
Quando questo metodo viene utilizzato per restituire l' altezza, restituisce l'altezza del PRIMO elemento abbinato.
Quando questo metodo viene utilizzato per impostare l' altezza, imposta l'altezza di TUTTI gli elementi abbinati.
Come illustra l'immagine seguente, questo metodo non include spaziatura interna, bordo o margine.
Metodi correlati:
- width() - Imposta o restituisce la larghezza 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)
Sintassi
Restituisci l'altezza:
$(selector).height()
Imposta l'altezza:
$(selector).height(value)
Impostare l'altezza utilizzando una funzione:
$(selector).height(function(index,currentheight))
Parameter | Description |
---|---|
value | Required for setting height. Specifies the height in px, em, pt, etc. Default unit is px |
function(index,currentheight) | Optional. Specifies a function that returns the new height of selected elements
|
Provalo tu stesso - Esempi
Come impostare l'altezza di un elemento utilizzando diverse unità.
Come utilizzare una funzione per aumentare l'altezza di un elemento.
Come restituire l'altezza corrente del documento e degli elementi della finestra.
Come utilizzare width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().