CSS-eigenschappen met koppeltekens in jQuery
Stel dat de eigenschap, zoals vaak het geval is in CSS, bestaat uit meerdere woorden, gescheiden door een koppelteken:
<p class="www">tekst</p>
In dat geval is er geen enkel probleem - het wordt in Javascript code op dezelfde manier geschreven als in CSS:
$('.www').css('font-size', '20px');
Als je meerdere CSS-eigenschappen wilt instellen,
kan je aan de methode css een object doorgeven
als parameter, waarvan de sleutels
de CSS-eigenschappen zijn, en de waarden van het object
- de waarden van de CSS-eigenschappen:
$('.www').css({color: 'red', font: '12px Arial'});
Hier zullen echter problemen zijn met eigenschappen zoals
font-size
- je moet niet font-size schrijven,
maar fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Als je het niet zo fijn vindt om dit zo te doen - zet de
sleutel font-size tussen aanhalingstekens:
$('.www').css({color: 'red', 'font-size': '12px'});
Zoals je ziet, biedt jQuery verschillende opties voor het gebruik van methoden, afhankelijk van je voorkeuren. Gebruik wat voor jou handiger is.
Maak voor alle h3 de tekst
vet en groen van kleur.
Geef alle h2 een lichtblauwe kleur en
font-size: 30px.
