jQuery width() Metoda
Przykład
Zwróć szerokość elementu <div>:
$("button").click(function(){
alert($("div").width());
});
Definicja i użycie
Metoda width() ustawia lub zwraca szerokość wybranych elementów.
Gdy ta metoda jest używana do zwracania szerokości, zwraca ona szerokość PIERWSZEGO dopasowanego elementu.
Gdy ta metoda jest używana do ustawienia szerokości, ustawia szerokość WSZYSTKICH dopasowanych elementów.
Jak pokazano na poniższym obrazku, ta metoda nie obejmuje dopełnienia, obramowania ani marginesu.
Powiązane metody:
- height() - Ustawia lub zwraca wysokość elementu
- innerWidth() — Zwraca szerokość elementu (wraz z dopełnieniem)
- innerHeight() — Zwraca wysokość elementu (wraz z dopełnieniem)
- outerWidth() — Zwraca szerokość elementu (w tym dopełnienie i obramowanie).
- outerHeight() — Zwraca wysokość elementu (w tym dopełnienie i obramowanie).
Składnia
Zwróć szerokość:
$(selector).width()
Ustaw szerokość:
$(selector).width(value)
Ustaw szerokość za pomocą funkcji:
$(selector).width(function(index,currentwidth))
| Parameter | Description |
|---|---|
| value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
| function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
Spróbuj sam - przykłady
Jak ustawić szerokość elementu przy użyciu różnych jednostek.
Jak używać funkcji do zmniejszania szerokości elementu.
Jak zwrócić bieżącą szerokość dokumentu i elementów okna.
Jak używać width(), height(), innerHeight(), innerWidth(), outerWidth() i outerHeight().
Jak zmienić kolor tła strony na mniejszych ekranach.