Как сделать смену нескольких свойств у div-вов при клике на кнопку?

Question

[EVGEK]

Гугл дает какое-то г.. Помогите . Как сделать кнопку на странице типа

(Черный/Белый) что бы переключалось сразу несколько свойств у дивов на странице

Черный:
body.{
background-color: #000;
}

a {
text-decoration: none;
color: wheat;
}
#olala{
background-image: url("/scheme/images/har11.png") no-repeat;
}


Белый:

body.{
background-color: #000;
}

a {
text-decoration: none;
color: wheat;
}
#olala{
background-image: url("/scheme/images/har.png") no-repeat;
}

Переключение может целого css файла или сразу нескольких свойств у нескольких дивов. Ибо у меня тема оформления и куча дивов и куча позиций которые надо менять на противоположные . Лучше пример, быстрее допру.
Всем печенек и сисек вечером

Answer 1

[WebDev]

Создайте 2 класса в css и меняйте их.

$('#button').on('click', function(){
   $('div').toggleClass('beliy').toggleClass('cherniy');
});

Comments

[EVGEK]

В хтмл добавил:
<a href='#' id='change' title="Сменить"></a>


еще:
   <script type='text/javascript'> 
	 
	 $('DIV#change').on('click', function(){
   $('div').toggleClass('a').toggleClass('a1');
});
	   



ксс: 
a {
 text-decoration: none;
 color: wheat;
 }

 a1 {
 text-decoration: none;
 color: #fff;
 }

чет не пашет . может потому что "a" не div ?

[WebDev]

Во-первых, оберните скрипты в $(document).ready(); Во-вторых, проверьте, подключен ли у вас jQuery, в третьих, в css вы не поставили точку перед a и a1, если это классы.

[EVGEK]

кверик подключен . на странице другие скрипты работают
a - не класс . это все ссылки на странице . там без точки .

<script type='text/javascript'> 
	    $(document).ready(function() { 
	 $('DIV#change').on('click', function(){
   $('div').toggleClass('map').toggleClass('map11');
});
});
	     </script>

[WebDev]

Все верно, при клике на див с id = change, у всех дивов будут меняться классы map на map1 и обратно