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:

html<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:

javascript$('.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:

javascript$('.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:

javascript$('.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:

javascript$('.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.