CSS vlastnosti s pomlčkami v jQuery

Nech je vlastnosť, ako to často býva v CSS, zložená z viacerých slov oddelených pomlčkou:

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

V takom prípade nie sú žiadne problémy - zapíše sa v Javascriptovom kóde rovnako ako v CSS:

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

Ak chcete nastaviť niekoľko CSS vlastností, potom do metódy css môžete odovzdať ako parameter objekt, ktorého kľúčmi budú CSS vlastnosti a hodnotami objektu - hodnoty CSS vlastností:

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

Avšak, tu už budú problémy s vlastnosťami ako font-size - treba písať nie font-size, ale fontSize:

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

Ak sa vám to veľmi nepáči - zoberte kľúč font-size do úvodzoviek:

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

Ako vidíte, jQuery poskytuje rôzne varianty použitia metód v závislosti od vašich preferencií. Použite to, čo je pre vás pohodlnejšie.