Изучаем jQuery. toggleClass

...еще одно актуальное действие, связанное с классами: toggleСlass. По названию вы сами можете догадаться, для чего оно служит. Это действие невероятно полезно тем, что позволяет добавлять класс, если какой-либо элемент им еще не обладает, и удалять его в противном случае. Допустим, необходимо, чтобы пользователи могли выбирать в нашей таблице сразу несколько строк. При одиночном щелчке строка таблицы будет подсвечиваться, а после повторного щелчка эффект подсвечивания должен исчезать. Это весьма просто реализовать с помощью jQuery.
Из книги "Изучаем jQuery. 2-е изд.", стр.65

#	Лучшие фильмы 2015 года	Режиссер	Бюджет
1	Омерзительная восьмерка	Квентин Тарантино	$60 000 000
2	Лобстер	Йоргос Лантимос	€4 000 000
3	Безумный Макс: Дорога ярости	Джордж Миллер	$150 000 000
4	Шпионский мост	Стивен Спилберг	$40 000 000
5	Марсианин	Ридли Скотт	$108 000 000
6	Стажёр	Нэнси Майерс	$35 000 000
7	Агенты А.Н.К.Л.	Гай Ричи	$75 000 000
8	В сердце моря	Рон Ховард	$100 000 000
9	Левша	Антуан Фукуа	$30 000 000
10	Дальняя дорога	Джордж Тиллман мл.	$34 000 000

index.html

<table class="toggleClassTable">
 ... 
  <tbody> 
   <tr> 
    <td>1</td> 
    <td>Омерзительная восьмерка</td> 
    <td>Квентин Тарантино</td> 
    <td>$60 000 000</td> 
   </tr> 
 ... 
  </tbody> 
 </table>

script.js

$(document).ready(function(){
  $('.toggleClassTable tbody tr').click(function(){
    $(this).toggleClass('toggleClassHover');
  });
});

Действие toggleClass также может принимать множественные имена классов, если разделить их пробелами. Переключение будет осуществляться в зависимости от их текущего состояния.