Proprietà CSS con trattini in jQuery
Supponiamo che la proprietà, come spesso accade nei CSS, sia composta da più parole separate da un trattino:
<p class="www">testo</p>
In questo caso non ci sono problemi - viene scritta nel codice Javascript allo stesso modo che nei CSS:
$('.www').css('font-size', '20px');
Se vuoi impostare più proprietà CSS,
puoi passare al metodo css
un oggetto come parametro, le cui chiavi
saranno le proprietà CSS, e i valori dell'oggetto
saranno i valori delle proprietà CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Tuttavia, qui ci saranno già problemi con proprietà come
font-size
- non devi scrivere font-size,
ma fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Se non ti piace molto farlo in questo modo - metti
la chiave font-size tra virgolette:
$('.www').css({color: 'red', 'font-size': '12px'});
Come puoi vedere, jQuery offre varie opzioni per l'utilizzo dei metodi in base alle tue preferenze. Usa ciò che ti è più comodo.
Rendi il testo in grassetto
e di colore verde per tutti gli h3.
Imposta il colore azzurro e
font-size: 30px per tutti gli h2.
