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:

html<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:

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

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

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

Om du inte gillar att göra så - sätt nyckeln font-size inom citattecken:

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