1

Tengo el siguiente código

$(".Div2").click(function () {
    $(this).css("background-color","yellow");
  });

El mismo me funciona perfectamente al hacer click me cambia al color amarillo , como podria volver al color original al hacer click o doble click nuevamente.

Alguna sugerencia

Muchas Gracias.

2 respuestas 2

1

Podrias crear una clase con el color que necesitas, para luego agregar o quitar la clase de acuerdo al event que ocurra (click, doble click, etc).

Ejemplo:

$(document).ready(function() {
  $('div').click(function() {
if($(this).hasClass('selected'))
  $(this).removeClass('selected');
else 
$(this).addClass('selected');
  });
});
div {
  width: 100px;
  height: 50px;
  border: 1px solid black;
}

div.selected {
  background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Hello
</div>

0

Puedes mirar que background-color tiene el div y según eso hacer un condicional y dejar el color tal cual estaba, te dejo un ejemplo:

Cabe decir que la propiedad .css("backgroundColor") te retornará un string de tipo:

rgb(n, n, n)

$(".Div2").click(function () {
    var currentBackgroundColor = $(this).css("backgroundColor");
    if(currentBackgroundColor == "rgb(255, 255, 0)"){
      $(this).css("background-color","");
    }else {
      $(this).css("background-color","yellow");
    }
    
});
.Div2{
  width: 200px;
  height: 200px;
  border: 1px solid black;
  text-align: center;
  font-family: Arial;
  background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="Div2">
DIV 2
</div>

2
  • Gracias bro excelente , me ayudo mucho tu ayuda Commented el 12 feb. 2017 a las 1:01
  • Un gusto haber sido útil :D !
    – Jorius
    Commented el 12 feb. 2017 a las 1:02

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.