jQuery outerHeight() Methode

❮ jQuery HTML/CSS-Methoden

Beispiel

Gibt die äußere Höhe eines <div>-Elements zurück:

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

Definition und Verwendung

Die Methode outerHeight() gibt die äußere Höhe des ERSTEN übereinstimmenden Elements zurück.

Wie das Bild unten zeigt, umfasst diese Methode Padding und Border.

Tipp: Um den Rand einzuschließen, verwenden Sie outerHeight(true).

jQuery-Dimensionen


Verwandte Methoden:

  • width() - Legt die Breite eines Elements fest oder gibt sie zurück
  • height() - Legt die Höhe eines Elements fest oder gibt sie zurück
  • innerWidth() - Gibt die Breite eines Elements zurück (einschließlich Padding)
  • innerHeight() - Gibt die Höhe eines Elements zurück (einschließlich Padding)
  • outerWidth() - Gibt die Breite eines Elements zurück (einschließlich Polsterung und Rahmen).

Syntax

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

Probieren Sie es selbst aus - Beispiele


einschließen Geben Sie an, ob der Rand eingeschlossen werden soll oder nicht.


Verwendung von width(), height(), innerHeight(), innerWidth(), outerWidth() und outerHeight().


❮ jQuery HTML/CSS-Methoden