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:
<p class="www">tekst</p>
I så fall er det ingen problemer - det skrives i Javascript kode på samme måte som i CSS:
$('.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:
$('.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:
$('.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:
$('.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.
Gjør all h3 tekst fet
og grønn farge.
Gjør all h2 lyseblå farge og
font-size: 30px.
