Operacje CSS jQuery - metoda width()

Przewodnik po operacjach CSS jQuery

Przykład

Ustaw szerokość elementu <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

Spróbuj sam

Definicja i zastosowanie

Metoda width() zwraca lub ustawia szerokość pasujących elementów.

Zwraca szerokość

Zwraca szerokość pierwszego pasującego elementu.

Jeśli nie ustawiono parametrów dla tej metody, zwraca szerokość pasującego elementu w pikselach.

Gramatyka

$(selector).width()

Spróbuj sam

Ustaw szerokość

Ustaw szerokość wszystkich pasujących elementów.

Gramatyka

$(selector).width(length)
Parametry Opis
length

Opcjonalnie. Określ szerokość elementu.

Jeśli nie określono jednostki długości, używa się domyślnej jednostki px.

Spróbuj sam

Użyj funkcji do ustawienia szerokości

Użyj funkcji do ustawienia szerokości wszystkich pasujących elementów.

Gramatyka

$(selector).width(function(index,oldwidth))
Parametry Opis
function(index,oldwidth)

Określ funkcję zwracającą nową szerokość wybranego elementu.

  • index - opcjonalnie. Akceptuje pozycję index selektora
  • oldvalue - opcjonalnie. Akceptuje bieżącą wartość selektora.

Spróbuj sam

Więcej przykładów

Uzyskaj szerokość elementu dokumentu i okna
Użyj metody width() aby uzyskać bieżącą szerokość elementu document i window.
Ustaw szerokość za pomocą wartości em i %
Ustaw szerokość elementu za pomocą określonej jednostki długości.

Przewodnik po operacjach CSS jQuery