Asignar reglas de CSS a un objeto del DOM por medio de jQuery es muy sencillo:
Con el método CSS
- Obtenemos el elemento con el que queremos trabajar
1$('p'); - utilizamos el método CSS y definimos la regla
1$('p').css('color','red');
Con el método addClass
- Obtenemos el elemento con el que queremos trabajar
1$('p'); - Agregamos la clase que queremos con el método addClass
1$('p').addClass('texto-rojo');
Quitar una clase
Esto se logra con el método removeClass
1 |
$('p').removeClass('texto-rojo'); |
Alto y Ancho
Las propiedades de alto y ancho de CSS se pueden obtener por el método css(), pero también se pueden obtener por medio de los métodos width() y height() que ya estan definididos para ahorrarnos tiempo de escritura.
1 2 |
console.log($('#objeto').width()); console.log($('#objeto').height()); |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.