Propriedades CSS com hífens no jQuery
Suponha que a propriedade, como é comum no CSS, seja composta por várias palavras separadas por hífen:
<p class="www">texto</p>
Nesse caso, não há nenhum problema - ela é escrita em código Javascript da mesma forma que no CSS:
$('.www').css('font-size', '20px');
Se você quiser definir várias propriedades CSS,
pode passar um objeto como parâmetro para o método css,
onde as chaves serão as propriedades CSS e os valores do objeto
serão os valores das propriedades CSS:
$('.www').css({color: 'red', font: '12px Arial'});
No entanto, aqui já haverá problemas com propriedades como
font-size
- é necessário escrever não font-size,
mas fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Se você não gosta muito de fazer assim - coloque
a chave font-size entre aspas:
$('.www').css({color: 'red', 'font-size': '12px'});
Como você pode ver, o jQuery oferece várias opções de uso de métodos dependendo das suas preferências. Use o que for mais conveniente para você.
Torne o texto de todos os h3
negrito e na cor verde.
Defina a cor azul claro para todos os h2 e
font-size: 30px.
