CSS egenskaber med bindestreger i jQuery
Lad egenskaben, som det ofte sker i CSS, bestå af flere ord adskilt af bindestreg:
<p class="www">text</p>
I så fald er der ingen problemer - det indtastes i Javascript kode på samme måde som i CSS:
$('.www').css('font-size', '20px');
Hvis du vil angive flere CSS egenskaber,
kan du til metoden css sende
et objekt som parameter, hvis nøgler
vil være CSS egenskaber, og objektets værdier
- værdier for CSS egenskaber:
$('.www').css({color: 'red', font: '12px Arial'});
Her vil der dog allerede være problemer med egenskaber som
font-size
- du skal ikke skrive font-size,
men fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Hvis du ikke kan lide at gøre det på den måde - sæt
nøglen font-size i anførselstegn:
$('.www').css({color: 'red', 'font-size': '12px'});
Som du kan se, giver jQuery forskellige muligheder for brug af metoder afhængigt af dine præferencer. Brug det, der er mest bekvemt for dig.
Giv alle h3 fed
tekst i grøn farve.
Giv alle h2 lyseblå farve og
font-size: 30px.
