当类与JQ或JS切换时，我如何添加CSS过渡或动画？

// 添加类
$('.element').addClass('new-class');
// 移除类
$('.element').removeClass('new-class');

.element {
  transition: all 0.5s ease;
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.element {
  animation: slideIn 0.5s ease;
}

// 添加类
document.querySelector('.element').classList.add('new-class');
// 移除类
document.querySelector('.element').classList.remove('new-class');