CSS-ominaisuudet viivoilla jQuery:ssä
Oletetaan, että ominaisuus, kuten usein tapahtuu CSS:ssä, koostuu useista sanoista, jotka on erotettu viivalla:
<p class="www">teksti</p>
Tässä tapauksessa ei ole ongelmia - se kirjoitetaan Javascript- koodissa samalla tavalla kuin CSS:ssä:
$('.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:
$('.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:
$('.www').css({color: 'red', fontSize: '12px'});
Jos et pidä siitä tehdä näin - laita
avain font-size lainausmerkkeihin:
$('.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.
Tee kaikille h3 lihavoitu
teksti vihreällä värillä.
Tee kaikille h2 sinivihreä väri ja
font-size: 30px.
