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