Operacje CSS jQuery - metoda height()

Przykład

Ustawienie wysokości elementu <p>:

$(".btn1").click(function(){
  $("p").height(50);
});

Spróbuj sam

Definicja i użycie

Metoda height() zwraca lub ustawia wysokość dopasowanych elementów.

Zwraca wysokość

Zwraca wysokość pierwszego dopasowanego elementu.

Jeśli nie ustawiono parametrów dla tej metody, zwraca wysokość dopasowanego elementu w pikselach.

Gramatyka

$(selector).height()

Spróbuj sam

Ustawienie wysokości

Ustawienie wysokości wszystkich dopasowanych elementów.

Gramatyka

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

Opcjonalnie. Określa wysokość elementu.

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

Spróbuj sam

Użycie funkcji do ustawienia wysokości

Użycie funkcji do ustawienia wysokości wszystkich dopasowanych elementów.

Gramatyka

$(selector).height(function(index,oldheight))
Parametry Opis
function(index,oldheight)

Definiowanie funkcji zwracającej nową wysokość wybranego elementu.

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

Spróbuj sam

Więcej przykładów

Uzyskanie wysokości elementu dokumentu i okna
Uzyskanie bieżącej wysokości elementu document i window za pomocą metody height()
Ustawienie wysokości za pomocą wartości em i %
Ustawienie wysokości elementu za pomocą określonej jednostki długości.