Przykład
Zwraca szerokość <div> element:
$("button").click(function(){
alert($("div").width());
});
Spróbuj sam " Definicja i Wykorzystanie
Na width() określa metody lub zwraca szerokość wybranych elementów.
Gdy ten sposób stosuje się do głębokości powrotu, zwraca szerokość pierwszego dopasowanego elementu.
Gdy metoda ta służy do ustawiania szerokości, ustawia szerokość wszystkich dopasowanych elementów.
Jak niżej obraz ilustruje, metoda ta nie obejmuje dopełnienie, ramki lub marginesu.
Podobne metody:
- height() - ustawia lub zwraca wysokość elementu
- innerWidth() - Zwraca szerokość elementu (zawiera wypełnienie)
- innerHeight() - Zwraca wysokość elementu (zawiera wypełnienie)
- outerWidth() - Zwraca szerokość elementu (obejmuje padding i border).
- outerHeight() - Zwraca wysokość elementu (obejmuje padding i border).
Składnia
Zwraca szerokość:
$(selector).width()
Ustaw szerokość:
$(selector).width(value)
Ustaw szerokość przy użyciu funkcji:
$(selector).width(function(index,currentwidth))
| Parametr | Opis |
|---|---|
| value | Wymagany do ustawiania szerokości. Określa szerokość w px, em, pt, itp jednostka domyślna jest px |
| function(index,currentwidth) | Opcjonalny. Określa funkcję, która zwraca nową szerokość wybranych elementów
|
Spróbuj sam - przykłady
Ustaw szerokość elementu
Jak ustawić szerokość elementu za pomocą różnych urządzeń.
Zmniejsz szerokość przy użyciu funkcji
Jak użyć funkcji, aby zmniejszyć szerokość elementu.
Zwraca szerokość elementów dokumentów i okien
Jak zwrócić bieżącą szerokość elementów dokumentów i okien.
Pokaż wymiary z metod pokrewnych
Jak korzystać width(), height(), innerHeight(), innerWidth(), outerWidth() i outerHeight() .
Responsive Design with width()
Jak zmienić kolor tła strony na mniejszych ekranach.