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 :
<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 :
$('.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 :
$('.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 :
$('.www').css({color: 'red', fontSize: '12px'});
Si vous n'aimez pas beaucoup faire ainsi - mettez la clé
font-size entre guillemets :
$('.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.
Rendez le texte en gras et de couleur verte
pour tous les h3.
Rendez la couleur bleu clair et la
font-size : 30px
pour tous les h2.
