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:
<p class="www">text</p>
Tokiu atveju nėra jokių problemų - ji Javascript kode rašoma taip pat, kaip ir CSS:
$('.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:
$('.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:
$('.www').css({color: 'red', fontSize: '12px'});
Jei jums nelabai patinka taip daryti - raktą
font-size paimkite į kabutes:
$('.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.
Visoms h3 antraštėms nustatykite paryškintą
žalios spalvos tekstą.
Visoms h2 antraštėms nustatykite žydros spalvos tekstą ir
font-size: 30px.
