jQuery outerHeight() Methode

❮ jQuery HTML/CSS-methoden

Voorbeeld

Retourneer de buitenste hoogte van een <div> element:

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

Definitie en gebruik

De methode outerHeight() retourneert de buitenste hoogte van het EERSTE overeenkomende element.

Zoals de onderstaande afbeelding illustreert, bevat deze methode opvulling en rand.

Tip: gebruik outerHeight(true) om de marge op te nemen.

jQuery-afmetingen


Gerelateerde methoden:

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

Syntaxis

$(selector).outerHeight(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

Probeer het zelf - Voorbeelden


toe Geef aan of u de marge wel of niet wilt opnemen.


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


❮ jQuery HTML/CSS-methoden