Propiedades CSS con guiones en jQuery
Supongamos que la propiedad, como suele ser común en CSS, está compuesta por varias palabras separadas por un guión:
<p class="www">texto</p>
En tal caso no hay ningún problema - se escribe en código Javascript de la misma manera que en CSS:
$('.www').css('font-size', '20px');
Si deseas establecer varias propiedades CSS,
puedes pasar un objeto como parámetro al método css,
cuyas claves serán las propiedades CSS, y los valores del objeto
serán los valores de las propiedades CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Sin embargo, aquí ya habrá problemas con propiedades como
font-size
- no se debe escribir font-size,
sino fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Si no te gusta mucho hacerlo así - pon la clave
font-size entre comillas:
$('.www').css({color: 'red', 'font-size': '12px'});
Como puedes ver, jQuery ofrece varias opciones de uso de métodos dependiendo de tus preferencias. Utiliza lo que te sea más conveniente.
A todos los h3 haz que el texto sea en negrita
y de color verde.
A todos los h2 haz que el color sea azul claro y
font-size: 30px.
