Obtener el color iniciar de un div con Jquery

Hola, estoy trabajando con Jquery y me he encontrado con un problema que parece simple, pero no encuentro una solución practica.

Básicamente es un div que puede tener cualquier color de fondo que al pasar el cursor por encima cambia el color de fondo y al quitarlo vuelve al color que tenia por defecto el div.

Mi codigo:

Código Javascript :

$("div").hover(
   function(e)
   {
      $(this).css({backgroundColor: "#FFF"});
   },
   function(e)
   {
      $(this).css({backgroundColor: ??? }); // Tendria que volver al color que tenia originalmente el div...
   }
   );

Agradecería que me ayuden para saber de que forma puedo solucionar esto, sin tener que escribir un código nuevo para cada div de diferente color.

Bueno yo tengo que empezar a aprender jquery así que no puedo dartelo en code...

pero básicamente tienes que tomar el valor y guardarlo en una variable global y luego restaurar desde ahí..

Básicamente lo que dice nax_hh es correcto, la forma más confiable es almacenando el color inicial en alguna parte de tu código y luego restaurarlo.

Hola, gracias!

Entiendo la lógica de la solución que me proponen, en un principio se me ocurrió algo así. Pero de que forma obtengo el color de fondo del div con jquery o javascript???

Ya lo solucione de la siguiente manera:

Código Javascript :

$("div").hover( 
   function(e) 
   { 
      var colorInicial=$(this).css("background-color");
      $(this).css({backgroundColor: "#FFF"}).attr('alt', colorInicial);
   }, 
   function(e) 
   { 
      var colorInicial=$(this).attr('alt');
      $(this).css({backgroundColor: colorInicial});
   } 
   ); 

Muchas gracias!

Disculpa mmmm una duda eso de attr no es como crear una variable?? esque quiero hacer algo similar a lo tuyo pero desconosco el color de cada uno de los div..
Por lo cual no podria usar ello jjaajaj intente hacer algo como color=$(".divColor").css('background-color')
pero nada y esque necesito saber que color tiene.

Código Javascript :

var colorInicial=$(this).attr('alt'); 

en este caso lo que hace es tomar el valor del atributo alt del elemento.

yo recomendaría no usaras el atributo alt para guardar el valor del color anterior ya que este atributo esta diseñado para proporcionar un texto alternativo a las imágenes en el caso de que por algún motivo no se puedan mostrar, no para guardar datos arbitrarios, ademas existen mejores soluciones, por ejemplo puede usar el método data de jQuery para asociar datos a un elemento:

Código Javascript :

$("div").data( "color-inicial", colorinicial );
$("div").hover(
   function(e) { 
      $(this).css({backgroundColor: "#FFF"});
   },
   function(e) {
      var colorInicial=$(this).data('color-inicial'); 
      $(this).css({backgroundColor: colorInicial});
   });  

espero esto sea de ayuda