Beispiel
Gibt die Breite eines <div> Element:
$("button").click(function(){
alert($("div").width());
});
Versuch es selber " Definition und Verwendung
Die width() Methode setzt oder liefert die Breite der ausgewählten Elemente.
Wenn dieses Verfahren verwendet wird Breite zurückzukehren, gibt sie die Breite des ersten angepaßten Element.
Wenn dieses Verfahren verwendet wird Breite einzustellen, setzt er die Breite aller Elemente abgestimmt.
Wie das Bild unten zeigt, ist diese Methode nicht Polsterung, Rahmen oder Rand umfassen.
Ähnliche Methoden:
- 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)
- outerWidth() - Liefert die Breite eines Elements (einschließlich Polsterung und Grenze).
- outerHeight() - Gibt die Höhe eines Elements (einschließlich Polsterung und Grenze).
Syntax
Gibt die Breite:
$(selector).width()
Legen Sie die Breite:
$(selector).width(value)
Legen Sie die Breite mit einer Funktion:
$(selector).width(function(index,currentwidth))
| Parameter | Beschreibung |
|---|---|
| value | Erforderlich für die Breiteneinstellung. Gibt die Breite in Pixel, em, pt usw. Standardeinheit ist px |
| function(index,currentwidth) | Optional. Gibt eine Funktion an, die die neue Breite der ausgewählten Elemente zurück
|
Probieren Sie es selbst - Beispiele
Stellen Sie die Breite eines Elements
Wie die Breite eines Elements mit verschiedenen Einheiten einzustellen.
Verringern Sie die Breite einer Funktion
Wie eine Funktion zu verwenden, um die Breite eines Elements zu verringern.
Gibt die Breite des Dokuments und Fensterelemente
Wie die aktuelle Breite des Dokuments und Fensterelemente zurückzukehren.
Display - Abmessungen mit verwandten Methoden
Wie zu verwenden width(), height(), innerHeight(), innerWidth(), outerWidth() und outerHeight() .
Responsive Design mit width()
Wie die Hintergrundfarbe der Seite, auf kleineren Bildschirmen zu ändern.