Как налету изменить свойства класса для элемента css() jquery. Очень часто нужно после какого-то события что-то сделать с элементом. Вы можете благодаря функции css() менять получать свойства css в режиме онлайн. Функция css() возвращает свойство стиля для первого совпавшего элемента. Вы можете изменить любое свойство css. Тут нужно знать меру. Иногда лучше использовать подготовленный класс для изменения элемента. В этом случае используют функцию addClass() и remoteClass(). Подробнее о функции читайте на странице как удалить класс из элемента removeClass() jquery

   <div id='box1'>
      <div id='title'>заголовок1</div>
      <div id='content'>текст1</div>
   </div>

   <div id='box2'>
      <div id='title'>заголовок2</div>
      <div id='content'>текст2</div>
   </div>

Давайте разукрасим блоки в разные цвета. Вы можете задать свойства в виде ключей и значений как в данных JSON. Обязательно ставьте кавычки вокруг свойства.

$("#box1").css("background-color", "green");
$("#box2").css({"background-color":"red",
               "color' : '#000"});

Если вы поменяли много свойств, то вы должны потом всё вернуть назад. Поэтому изменяйте только необходимы свойства css. Вы можете получить свойства конкретного элемента. Для этого не нужно передавать в функцию значение $("#box1").css("background-color"). Вам вернётся значение css-свойства элемента.