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:
<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:
$('.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:
$('.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:
$('.www').css({color: 'red', fontSize: '12px'});
Ha ez nem tetszik - tegye idézőjelek közé
a font-size kulcsot:
$('.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.
Minden h3-nak állítsa be a vastag
szövegét zöld színre.
Minden h2-nak állítsa be kékes színt és
font-size: 30px-t.
