Neueste Web-Entwicklung Tutorials
 

jQuery outerWidth() Method

<JQuery HTML / CSS - Methoden

Beispiel

Bringen Sie die äußere Breite eines <div> Element:

$("button").click(function(){
    alert($("div").outerWidth());
});
Versuch es selber "

Definition und Verwendung

Die outerWidth() Methode gibt die äußere Breite des ersten angepassten Element.

Wie das Bild unten zeigt, enthält diese Methode Polsterung und Grenze.

Tipp: Um umfassen die Marge, verwenden Sie outerWidth(true) .

jQuery Dimensions


Ähnliche Methoden:

  • width() - Setzt oder liefert die Breite eines Elements
  • height() - Setzt oder liefert die Höhe eines Elements
  • innerWidth() - Liefert die Breite eines Elements (einschließlich Polster)
  • innerHeight() - Gibt die Höhe eines Elements (einschließlich Polster)
  • outerHeight() - Gibt die Höhe eines Elements (einschließlich Polsterung und Grenze).

Syntax

$(selector).outerWidth( includeMargin )

Parameter Beschreibung
includeMargin Optional. Ein boolescher Wert, der angibt, ob die Marge zu schließen
  • false - Standard. Darin nicht enthalten sind die Marge
  • true - Enthält die Marge

Probieren Sie es selbst - Beispiele

Fügen Sie die Marge
Specifiy ob der Rand aufzunehmen.

Display - Abmessungen mit verwandten Methoden
Wie zu verwenden width(), height(), innerHeight(), innerWidth(), outerWidth() und outerHeight() .


<JQuery HTML / CSS - Methoden