CSS omadused sidekriipsudega jQuery-s
Oletame, et omadus, nagu sageli CSS-is juhtub, koosneb mitmest sõnast, mis on eraldatud sidekriipsuga:
<p class="www">text</p>
Sellisel juhul pole mingit probleemi - see kirjutatakse Javascript koodis samamoodi nagu CSS-is:
$('.www').css('font-size', '20px');
Kui soovite määrata mitu CSS omadust,
siis selleks saab meetodile css edastada
parameetrina objekti, mille võtmeteks
on CSS omadused ja objekti väärtusteks
- CSS omaduste väärtused:
$('.www').css({color: 'red', font: '12px Arial'});
Siiski tekivad siin juba probleemid selliste omadustega nagu
font-size
- tuleb kirjutada mitte font-size,
vaid fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Kui teile see viis eriti ei meeldi - võtke
võti font-size jutumärkidesse:
$('.www').css({color: 'red', 'font-size': '12px'});
Nagu näete, annab jQuery erinevaid võimalusi meetodite kasutamiseks sõltuvalt teie eelistustest. Kasutage seda, mis teile on mugavam.
Tehke kõigile h3 elementidele paks
tekst rohelise värviga.
Tehke kõigile h2 elementidele helesinine värv ja
font-size: 30px.
