Metoda jQuery width() .
Příklad
Vrátí šířku prvku <div>:
$("button").click(function(){
alert($("div").width());
});
Definice a použití
Metoda width() nastavuje nebo vrací šířku vybraných prvků.
Když se tato metoda použije k vrácení šířky, vrátí šířku PRVNÍHO shodného prvku.
Když se tato metoda použije k nastavení šířky, nastaví šíř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:
- height() - Nastavuje nebo vrací výšku prvku
- innerWidth() – Vrátí šířku prvku (včetně odsazení)
- innerHeight() – Vrátí výšku prvku (včetně odsazení)
- externalWidth() - Vrací šířku prvku (včetně odsazení a ohraničení).
- externalHeight() - Vrací výšku prvku (včetně odsazení a ohraničení).
Syntax
Vraťte šířku:
$(selector).width()
Nastavte šířku:
$(selector).width(value)
Nastavte šířku pomocí funkce:
$(selector).width(function(index,currentwidth))
Parameter | Description |
---|---|
value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
Zkuste si to sami - příklady
Jak nastavit šířku prvku pomocí různých jednotek.
Jak používat funkci ke zmenšení šířky prvku.
Jak vrátit aktuální šířku prvků dokumentu a okna.
Jak používat width(), height(), innerHeight(), innerWidth(), externalWidth() a externalHeight().
Jak změnit barvu pozadí stránky na menších obrazovkách.