jQuery width()Methoden

Beispiele

Gibt die Breite eines <div>-Elements zurück:

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

Die width()-Methode legt die Breite der ausgewählten Elemente fest oder gibt sie zurück.

Wenn diese Methode verwendet wird, um die Breitezurückzugeben,dann gibt sie die Breite des ersten übereinstimmenden Elements zurück.

Wenn diese Methode verwendet wird, um die Breitefestzulegen, legt sie die Breite aller übereinstimmenden Elemente fest.

Wie im untenstehenden Bild gezeigt, enthält diese Methode padding, border oder margin nicht.

jQuery Dimensions

Verwandte Methoden:

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 Innenabstand und Rahmen)
outerHeight()- Gibt die Höhe eines Elements zurück (einschließlich Innenabstand und Rahmen)

Breite zurückgeben:

$(selector).width()

Breite festlegen:

$(selector).width(value)

Breite mithilfe einer Funktion festlegen:

$(selector).width(function(index,currentwidth))

Parameter	Beschreibung
value	Erforderlich beim Festlegen der Breite. Gibt die Breite eines Elements in px, em, pt usw. an. Standardeinheit ist px.
function(index,currentwidth)	Optional. Gibt eine Funktion an, die die neue Breite der ausgewählten Elemente zurückgibt. index- Gibt die Indexposition des Elements in der Menge zurück. currentwidth- Gibt die aktuelle Breite des ausgewählten Elements zurück.

Breite eines Elements festlegen
Wie man die Breite eines Elements mit verschiedenen Einheiten festlegt.

Breite mithilfe einer Funktion vergrößern
Wie man die Breite eines Elements mithilfe einer Funktion vergrößert.

Breite der document- und window-Elemente zurückgeben
Wie man die aktuelle Breite der document- und window-Elemente zurückgibt.

Dimensionen mithilfe verwandter Methoden anzeigen
Verwendung von width(), height(), innerHeight(), innerWidth(), outerWidth() und outerHeight().

Weitere Erweiterungen