CSS tulajdonságok kötőjelekkel jQuery-ben

Tegyük fel, hogy a tulajdonság, ahogy az gyakori a CSS-ben, több szóból áll, kötőjelekkel elválasztva:

html<p class="www">szöveg</p>

Ebben az esetben nincs semmi probléma - a Javascript kódban ugyanúgy írjuk le, mint a CSS-ben:

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

Ha több CSS tulajdonságot szeretne beállítani, akkor a css metódusnak átadhat egy objektumot paraméterként, amelynek kulcsai a CSS tulajdonságok, az objektum értékei pedig a CSS tulajdonságok értékei:

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

Azonban itt már problémák adódnak a font-size típusú tulajdonságokkal - nem font-size-t kell írni, hanem fontSize-t:

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

Ha ez nem tetszik - tegye idézőjelek közé a font-size kulcsot:

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

Amint látja, a jQuery különféle lehetőségeket kínál a metódusok használatára az Ön preferenciái alapján. Használja azt, ami Önnek kényelmesebb.