Cambiar atributos en el css con un div

Hola, tengo un problema con el cambio de atributos con un solo boton "div"

Os pego el código

Código Javascript :

   <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
         $('#cambio').click(function(){
             $('body').css({'background-color':'#FFFFFF', 'color':'#000000'});
            $('input').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('select').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('#logo').css('background-image', 'url(logo2.jpg)');
            $('.boton').css({'background-color': 'black', 'border-color': 'black', 'color': 'black'});
            $('.boton2').css({'background-color': 'white', 'border-color': 'black', 'color': 'black'});
         });
      });
        </script>

La intención es que con ese mismo div #cambio vuelva al estado original del css, ¿como tengo que hacerlo?

Antes que hacer todo esto a puro JQuery, mejor sería que cargues un archivo CSS dinámicamente cuando lo necesites y retirarlo cuando quieras volver atrás.

El archivo .css ya lo tengo como default, el script cambia esos atributos, pero cuando vuelvo a darle al botón no vuelve a cambiarlos como estaban antes..

Código Javascript :

      <script type="text/javascript">
      $(document).ready(function() {

      /*si el boton #cambio tiene el body con el fondo en blanco
         usar la funcion click
      sino
         usar la misma funcion con los parametros cambiados.*/
      if(   $('#cambio').body('color', '#000000'){
         $('#cambio').click(function(){
 
            $('body').css({'background-color':'#FFFFFF', 'color':'#000000'});
            $('input').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('select').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('#logo').css('background-image', 'url(logo2.jpg)');
            $('.boton').css({'background-color': 'black', 'border-color': 'black', 'color': 'black'});
            $('.boton2').css({'background-color': 'white', 'border-color': 'black', 'color': 'black'});

         });
      }else{
         $('#cambio').click(function(){
 
            $('body').css({'background-color':'#000000', 'color':'#FFFFFF'});
            $('input').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('select').css({'background-color': '#000000', 'background': 'black', 'color': 'white'});
            $('#logo').css('background-image', 'url(logo2.jpg)');
            $('.boton').css({'background-color': 'black', 'border-color': 'black', 'color': 'black'});
            $('.boton2').css({'background-color': 'white', 'border-color': 'black', 'color': 'black'});

         });
      }
      });
  
      </script>

Así me da error el IF, que tendría que poner ??

Con Javascript agregale una clase al contenedor y cambia los estilos por CSS.

Saludos!

Hola amigo, el if te esta dando error debido a que esta mal.

tu tienes: if( $('#cambio').body('color', '#000000') {}
y es if( $('#cambio').body('color', '#000000') ) {}

Saludos!