CSS savybės su brūkšneliais jQuery

Tarkime, savybė, kaip dažnai būna CSS, susideda iš kelių žodžių, atskirtų brūkšneliu:

html<p class="www">text</p>

Tokiu atveju nėra jokių problemų - ji Javascript kode rašoma taip pat, kaip ir CSS:

javascript$('.www').css('font-size', '20px');

Jei norite nustatyti kelias CSS savybes, tai metodui css galite perduoti kaip parametrą objektą, kurio raktai bus CSS savybės, o objekto reikšmės - CSS savybių reikšmės:

javascript$('.www').css({color: 'red', font: '12px Arial'});

Tačiau čia jau kils problemų su tokiomis savybėmis kaip font-size - reikia rašyti ne font-size, o fontSize:

javascript$('.www').css({color: 'red', fontSize: '12px'});

Jei jums nelabai patinka taip daryti - raktą font-size paimkite į kabutes:

javascript$('.www').css({color: 'red', 'font-size': '12px'});

Kaip matote, jQuery siūlo įvairius variantus metodų naudojimo, priklausomai nuo jūsų pageidavimų. Naudokite tai, kas jums patogiau.