CSS-ominaisuudet viivoilla jQuery:ssä

Oletetaan, että ominaisuus, kuten usein tapahtuu CSS:ssä, koostuu useista sanoista, jotka on erotettu viivalla:

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

Tässä tapauksessa ei ole ongelmia - se kirjoitetaan Javascript- koodissa samalla tavalla kuin CSS:ssä:

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

Jos haluat asettaa useita CSS-ominaisuuksia, voit metodille css antaa parametrina objektin, jonka avaimet ovat CSS-ominaisuuksia ja objektin arvot - CSS-ominaisuuksien arvoja:

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

Kuitenkin tässä on ongelmia ominaisuuksien kuten font-size kanssa - sinun täytyy kirjoittaa ei font-size, vaan fontSize:

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

Jos et pidä siitä tehdä näin - laita avain font-size lainausmerkkeihin:

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

Kuten näet, jQuery tarjoaa erilaisia vaihtoehtoja metodien käyttöön riippuen mieltymyksistäsi. Käytä sitä, mikä on sinulle mukavampaa.