classList
La propiedad classList se mantiene igual que la nativa.
Aquí hay un ejemplo que muestra cómo usar classList:
<script src="https://cdn.jsdelivr.net/gh/kirakiray/ofa.js@4.5.26/dist/ofa.min.js"></script>
<style>
.t-red{
color: red;
font-size: 14px;
}
.t-blue{
color: blue;
font-weight:bold;
font-size:20px;
}
</style>
<div id="target" class="t-red">origin text</div>
<script>
setTimeout(()=> {
$("#target").classList.remove('t-red');
setTimeout(()=>{
$("#target").classList.add('t-blue');
},1000);
}, 1000);
</script>
La propiedad classList te permite agregar, eliminar y cambiar dinámicamente los nombres de clase para cambiar el estilo de un elemento. Para obtener más información sobre los métodos de operación, consulta classList.