jQuery height() Methode

Retourneer de hoogte van een <div> element:

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

Definitie en gebruik

De methode height() stelt de hoogte van de geselecteerde elementen in of geeft deze terug.

Wanneer deze methode wordt gebruikt om hoogte te retourneren , wordt de hoogte van het EERSTE overeenkomende element geretourneerd.

Wanneer deze methode wordt gebruikt om de hoogte in te stellen , wordt de hoogte van ALLE overeenkomende elementen ingesteld.

Zoals de onderstaande afbeelding illustreert, bevat deze methode geen opvulling, rand of marge.

jQuery-afmetingen

Gerelateerde methoden:

width() - Stelt de breedte van een element in of geeft deze terug
innerWidth() - Geeft de breedte van een element terug (inclusief opvulling)
innerHeight() - Retourneert de hoogte van een element (inclusief opvulling)
outerWidth() - Geeft de breedte van een element terug (inclusief opvulling en rand)
outerHeight() - Retourneert de hoogte van een element (inclusief opvulling en rand)

Geef de hoogte terug:

$(selector).height()

Stel de hoogte in:

$(selector).height(value)

Stel de hoogte in met een functie:

$(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

instellen Hoe u de hoogte van een element instelt met verschillende eenheden.

Hoe u een functie gebruikt om de hoogte van een element te vergroten.

retourneren De huidige hoogte van de document- en vensterelementen retourneren.

Hoe width(), height(), innerHeight(), innerWidth(), outerWidth() en outerHeight() te gebruiken.