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:
<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:
$('.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í:
$('.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:
$('.www').css({color: 'red', fontSize: '12px'});
Ak sa vám to veľmi nepáči - zoberte
kľúč font-size do úvodzoviek:
$('.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.
Všetkým h3 nastavte tučné
písmo zelenej farby.
Všetkým h2 nastavte modrú farbu a
font-size: 30px.
