jQuery height() Methode
Beispiel
Gibt die Höhe eines <div>-Elements zurück:
$("button").click(function(){
alert($("div").height());
});
Definition und Verwendung
Die Methode height() setzt oder gibt die Höhe der ausgewählten Elemente zurück.
Wenn diese Methode verwendet wird, um die Höhe zurückzugeben, gibt sie die Höhe des ERSTEN übereinstimmenden Elements zurück.
Wenn diese Methode zum Festlegen der Höhe verwendet wird, wird die Höhe ALLER übereinstimmenden Elemente festgelegt.
Wie das Bild unten zeigt, enthält diese Methode keine Auffüllung, Rahmen oder Ränder.
Verwandte Methoden:
- width() - Legt die Breite 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)
- outerHeight() - Gibt die Höhe eines Elements zurück (einschließlich Polsterung und Rahmen)
Syntax
Höhe zurückgeben:
$(selector).height()
Höhe einstellen:
$(selector).height(value)
Stellen Sie die Höhe mit einer Funktion ein:
$(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
|
Probieren Sie es selbst aus - Beispiele
einstellen So stellen Sie die Höhe eines Elements mit unterschiedlichen Einheiten ein.
So verwenden Sie eine Funktion, um die Höhe eines Elements zu erhöhen.
zurückgeben So geben Sie die aktuelle Höhe der Dokument- und Fensterelemente zurück.
Verwendung von width(), height(), innerHeight(), innerWidth(), outerWidth() und outerHeight().