Propriétés CSS avec des traits d'union dans jQuery

Supposons qu'une propriété, comme c'est souvent le cas en CSS, soit composée de plusieurs mots séparés par un trait d'union :

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

Dans ce cas, il n'y a aucun problème - elle s'écrit en code Javascript de la même manière qu'en CSS :

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

Si vous souhaitez définir plusieurs propriétés CSS, vous pouvez passer un objet en paramètre à la méthode css, dont les clés seront les propriétés CSS et les valeurs de l'objet seront les valeurs des propriétés CSS :

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

Cependant, il y aura déjà des problèmes avec des propriétés comme font-size - il ne faut pas écrire font-size, mais fontSize :

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

Si vous n'aimez pas beaucoup faire ainsi - mettez la clé font-size entre guillemets :

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

Comme vous le voyez, jQuery offre différentes options d'utilisation des méthodes en fonction de vos préférences. Utilisez ce qui vous est le plus pratique.