Metoda jQuery height() .
Příklad
Vrátí výšku prvku <div>:
$("button").click(function(){
alert($("div").height());
});
Definice a použití
Metoda height() nastavuje nebo vrací výšku vybraných prvků.
Když se tato metoda použije k vrácení výšky, vrátí výšku PRVNÍHO shodného prvku.
Když se tato metoda použije k nastavení výšky, nastaví výšku VŠECH odpovídajících prvků.
Jak ukazuje obrázek níže, tato metoda nezahrnuje odsazení, ohraničení nebo okraj.
Související metody:
- width() - Nastavuje nebo vrací šířku prvku
- innerWidth() – Vrátí šířku prvku (včetně odsazení)
- innerHeight() – Vrátí výšku prvku (včetně odsazení)
- externalWidth() - Vrátí šířku prvku (včetně odsazení a ohraničení)
- externalHeight() - Vrátí výšku prvku (včetně odsazení a ohraničení)
Syntax
Vraťte výšku:
$(selector).height()
Nastavte výšku:
$(selector).height(value)
Nastavte výšku pomocí funkce:
$(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
|
Zkuste si to sami - příklady
Jak nastavit výšku prvku pomocí různých jednotek.
Jak používat funkci ke zvýšení výšky prvku.
Jak vrátit aktuální výšku prvků dokumentu a okna.
Jak používat width(), height(), innerHeight(), innerWidth(), externalWidth() a externalHeight().