CSS-egenskaper med bindestreck i jQuery
Låt oss säga att egenskapen, som ofta är fallet i CSS, består av flera ord separerade med bindestreck:
<p class="www">text</p>
I det här fallet finns det inga problem - den skrivs i Javascript kod på samma sätt som i CSS:
$('.www').css('font-size', '20px');
Om du vill ange flera CSS-egenskaper,
så kan du skicka ett objekt som parameter till metoden css,
där nycklarna är CSS-egenskaper och objektsvärdena
är CSS-egenskapsvärden:
$('.www').css({color: 'red', font: '12px Arial'});
Men här kommer det redan att vara problem med egenskaper som
font-size
- du måste skriva fontSize istället för font-size:
$('.www').css({color: 'red', fontSize: '12px'});
Om du inte gillar att göra så - sätt nyckeln font-size inom citattecken:
$('.www').css({color: 'red', 'font-size': '12px'});
Som du ser erbjuder jQuery olika varianter för att använda metoder beroende på dina preferenser. Använd det som passar dig bäst.
Gör all h3 text fet och grön.
Gör all h2 text ljusblå och
sätt font-size till 30px.
