jQuery outerWidth() Methode
Voorbeeld
Retourneer de buitenste breedte van een <div> -element:
$("button").click(function(){
alert($("div").outerWidth());
});
Definitie en gebruik
De methode outerWidth() retourneert de buitenste breedte van het EERSTE overeenkomende element.
Zoals de onderstaande afbeelding illustreert, bevat deze methode opvulling en rand.
Tip: gebruik outerWidth(true) om de marge op te nemen.
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() - Geeft de breedte van een element terug (inclusief opvulling)
- innerHeight() - Retourneert de hoogte van een element (inclusief opvulling)
- outerHeight() - Retourneert de hoogte van een element (inclusief opvulling en rand).
Syntaxis
$(selector).outerWidth(includeMargin)
| Parameter | Description |
|---|---|
| includeMargin | Optional. A Boolean value specifying whether or not to include 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.