Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").addClass("classtest1");
   });
   $("#but2").click(function(){
      $("#par1").removeClass("classtest1");
   });
   $("#but3").click(function(){
      $("#par1").addClass("classtest2");
   });
   $("#but4").click(function(){
      $("#par1").removeClass("classtest2");
   });

});

Определение и использование

С помощью метода addClass Вы можете добавить один класс CSS оформления или более к выбранному элементу.

Обратите внимание: данный метод добавляя новые классы не удаляет уже существующие.

Синтаксис

$(селектор).addClass(класс)

селектор выбирает элемент, к которому будет добавлен новый класс.

класс (обязательный параметр) Содержит имя класса, который будет добавлен к выбранному элементу. Если Вы хотите добавить к элементу сразу несколько классов разделите их имена пробелом.