CSS vlastnosti s pomlčkami v jQuery

Nechť vlastnost, jak to často bývá v CSS, sestává z několika slov oddělených pomlčkou:

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

V takovém případě nejsou žádné problémy - zapisuje se v Javascriptu stejně jako v CSS:

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

Pokud chcete nastavit několik CSS vlastností, lze do metody css předat jako parametr objekt, jehož klíče budou CSS vlastnosti a hodnoty objektu - hodnoty CSS vlastností:

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

Avšak zde již budou problémy s vlastnostmi jako font-size - je třeba psát ne font-size, ale fontSize:

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

Pokud se vám to moc nelíbí - vezměte klíč font-size do uvozovek:

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

Jak vidíte, jQuery poskytuje různé varianty použití metod v závislosti na vašich preferencích. Používejte to, co je vám pohodlnější.