jQuery outerWidth() Methode
Beispiel
Gibt die äußere Breite eines <div>-Elements zurück:
$("button").click(function(){
alert($("div").outerWidth());
});
Definition und Verwendung
Die Methode outerWidth() gibt die äußere Breite 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 outerWidth(true).
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)
- outerHeight() – Gibt die Höhe eines Elements zurück (einschließlich Polsterung und Rahmen).
Syntax
$(selector).outerWidth(includeMargin)
Parameter | Description |
---|---|
includeMargin | Optional. A Boolean value specifying whether or not to include 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().