Uma tarefa muito simples de se fazer com o JQuery, é a troca e manipulação de classes nos elementos HTML. Talvez você não saiba, mas é tão fácil quanto fazer essas manipulações usando JavaScript puro. Para tanto, vamos usar a API classList do JavaScript. Assim como as conhecidas funções addClass(), removeClass(), hasClass() e o toggleClass() do nosso conhecido Jquery, possuímos métodos nativos que executam a mesma função.
Métodos do classList
O classList conta com os seguinte métodos:
add(), adiciona uma ou mais classes ao elemento.
remove(), remove uma ou mais classes do elemento.
contains(), verifica se possui certa classe no elemento.
item(), retorna a classe que se encontra naquele índice.
toggle(), se a classe existir naquele elemento, ele a remove, se não existir ele a adiciona.
length, retorna a quantidade de classes naquele elemento.
Quanto ao suporte
A classList API possui um excelente suporte aos browsers modernos, e apenas o internet explorer com suporte a versão +10, para algo mais detalhado, https://caniuse.com/#feat=classlist
