jQuery height() Metodo

❮ Metodi jQuery HTML/CSS

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.

jQuery Dimensioni


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
  • index - Returns the index position of the element in the set
  • currentheight - Returns the current height of the selected element

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().


❮ Metodi jQuery HTML/CSS