CSS-egenskaper med bindestreker i jQuery

La oss si at en egenskap, som ofte er tilfellet i CSS, består av flere ord separert med bindestrek:

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

I så fall er det ingen problemer - det skrives i Javascript kode på samme måte som i CSS:

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

Hvis du vil angi flere CSS-egenskaper, kan du sende et objekt som en parameter til metoden css, hvor nøklene vil være CSS-egenskaper, og verdiene til objektet vil være verdiene til CSS-egenskapene:

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

Imidlertid vil det allerede være problemer med egenskaper som font-size - du må skrive ikke font-size, men fontSize:

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

Hvis du ikke liker å gjøre det på den måten - sett nøkkelen font-size i anførselstegn:

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

Som du ser, gir jQuery ulike alternativer for bruk av metoder avhengig av dine preferanser. Bruk det som er mer praktisk for deg.