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

$(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(класс)

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

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