CSS omadused sidekriipsudega jQuery-s

Oletame, et omadus, nagu sageli CSS-is juhtub, koosneb mitmest sõnast, mis on eraldatud sidekriipsuga:

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

Sellisel juhul pole mingit probleemi - see kirjutatakse Javascript koodis samamoodi nagu CSS-is:

javascript$('.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:

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

Siiski tekivad siin juba probleemid selliste omadustega nagu font-size - tuleb kirjutada mitte font-size, vaid fontSize:

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

Kui teile see viis eriti ei meeldi - võtke võti font-size jutumärkidesse:

javascript$('.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.