elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: [Aporte] Mejores practicas en Java


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema con evento en jQuery - Agregar y quitar clases a la misma vez
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema con evento en jQuery - Agregar y quitar clases a la misma vez  (Leído 280 veces)
magodiesan

Desconectado Desconectado

Mensajes: 198


ART.EST.IMPERIUS.ORBIS.UNIVERSUS


Ver Perfil WWW
Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« en: 4 Octubre 2017, 04:07 »

Tengo este codigo:

Código
  1. <!DOCTYPE html>
  2. <meta charset="utf-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.  
  5. .rojo{
  6. background-color: red;
  7. color:white;
  8. }
  9. </head>
  10. <h1>addClass con jQuery</h1>
  11.  
  12. <script src="jquery-3.2.1.min.js"></script>
  13.  
  14. $(function(){
  15. console.log("jQuery funciona");
  16. $('h1').click(function(){
  17. $(this).addClass('rojo');
  18. console.log("Clase agregada");
  19. });
  20. })
  21.  
  22.  
  23. </script>
  24. </body>
  25. </html>
  26.  

que lo que hace es agregar una clase a la etiqueta h1 y lo hace a la perfeccion. Pero como haria si tuviera que quitarle la clase con removeClass tocando ese mismo elemento del DOM? No se como hacerlo :(


En línea

Arte Es El Imperio de la Orbita del Universo
eLank0
eLhAcKeR r00Lz


Desconectado Desconectado

Mensajes: 1.060



Ver Perfil WWW
Re: Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« Respuesta #1 en: 4 Octubre 2017, 09:58 »

Pues exactamente igual, cambiando addClass por removeClass.

Salu2


En línea

magodiesan

Desconectado Desconectado

Mensajes: 198


ART.EST.IMPERIUS.ORBIS.UNIVERSUS


Ver Perfil WWW
Re: Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« Respuesta #2 en: 4 Octubre 2017, 16:37 »

cambiando addClass por removeClass.

Realmente lo que quiero es hacerlo los dos a la misma vez, no cambiando una clase por otra. Lo que quiero es darle clic que se agregue la clase, y cuando le de clic de nuevo que se la quite.
En línea

Arte Es El Imperio de la Orbita del Universo
cassiani


Desconectado Desconectado

Mensajes: 975


« Anterior | Próximo »


Ver Perfil WWW
Re: Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« Respuesta #3 en: 4 Octubre 2017, 18:02 »

Usa hasClass para detectar si el elemento tiene la clase agregada y dependiendo de eso, la quitas o la agregas.

Código:
if ( $(this).hasClass('rojo') ) {
   $(this).removeClass('rojo');
}else{
   $(this).addClass('rojo');
}
En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 4.670



Ver Perfil WWW
Re: Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« Respuesta #4 en: 4 Octubre 2017, 18:08 »

Código
  1. $(function(){
  2.    console.log("jQuery funciona");
  3.  
  4.    $('h1').click(function(){
  5.        $(this).toggleClass('rojo');
  6.        console.log("Clase agregada/quitada");
  7.    });
  8.  
  9. });
  10.  

http://api.jquery.com/toggleclass/

Saludos
« Última modificación: 4 Octubre 2017, 18:09 por #!drvy » En línea

magodiesan

Desconectado Desconectado

Mensajes: 198


ART.EST.IMPERIUS.ORBIS.UNIVERSUS


Ver Perfil WWW
Re: Problema con evento en jQuery - Agregar y quitar clases a la misma vez
« Respuesta #5 en: 4 Octubre 2017, 18:09 »

gracias, era eso lo que buscaba, pueden cerrar el tema si quieren
En línea

Arte Es El Imperio de la Orbita del Universo
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines