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:
<p class="www">text</p>
V takovém případě nejsou žádné problémy - zapisuje se v Javascriptu stejně jako v CSS:
$('.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í:
$('.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:
$('.www').css({color: 'red', fontSize: '12px'});
Pokud se vám to moc nelíbí - vezměte
klíč font-size do uvozovek:
$('.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ší.
Všem h3 nastavte tučný
text zelené barvy.
Všem h2 nastavte modrou barvu a
font-size: 30px.
