jQuery css()-metodi

jQuery css()-metodi

css()-metodi asettaa tai palauttaa valitun elementin yhden tai useamman tyyliparametrin.

Palauta CSS-ominaisuus

Jos haluat palauttaa tietyn CSS-ominaisuuden arvon, käytä seuraavaa syntaksia:

css("ominaisuusnimi");

Seuraava esimerkki palauttaa ensimmäisen vastaavan elementin background-color-arvon:

Esimerkki

$("p").css("background-color");

Kokeile itse

Aseta CSS-ominaisuus

Jos haluat asettaa tietyn CSS-ominaisuuden, käytä seuraavaa syntaksia:

css("ominaisuusnimi",arvo");

Seuraava esimerkki asettaa kaikki vastaavat elementit background-color-arvon:

Esimerkki

$("p").css("background-color","yellow");

Kokeile itse

Aseta useita CSS-ominaisuuksia

Jos haluat asettaa useita CSS-ominaisuuksia, käytä seuraavaa syntaksia:

css("ominaisuusnimi":arvo",ominaisuusnimi":arvo",...});

Seuraava esimerkki asettaa kaikki vastaavat elementit background-color ja font-size:

Esimerkki

$("p").css({"background-color":"yellow","font-size":"200%"});

Kokeile itse

jQuery HTML-referenssikirja

Jos haluat tietää jQuery CSS-metodien täydellisen sisällön, vieraile jQuery CSS operaatioiden referenssikirja