$(selector).toggleClass(className, [switch]);

// 切换单个类
$('.item').toggleClass('active');

// 切换多个类
$('.item').toggleClass('active highlight');

// 根据条件添加或移除类
var shouldBeActive = true;
$('.item').toggleClass('active', shouldBeActive);

// 点击按钮切换菜单类
$('#toggleBtn').click(function() {
  $('.menu').toggleClass('open');
});

// 鼠标悬停切换类
$('.card').hover(
  function() { $(this).toggleClass('hover'); },
  function() { $(this).toggleClass('hover'); }
);

// 检查元素是否存在
if ($('.item').length) {
  $('.item').toggleClass('active');
} else {
  console.log('元素不存在');
}

.item {
  transition: all 0.3s ease;
}
.item.active {
  background-color: #f0f0f0;
  transform: scale(1.05);
}

$('.item').click(function() {
  // 只切换当前点击的元素
  $(this).toggleClass('active');
});

// 使用单个类包装多个样式变化
.item.active {
  /* 多个样式属性 */
}

// 然后只切换这个类
$('.item').toggleClass('active');

// 事件委托示例
$('#container').on('click', '.item', function() {
  $(this).toggleClass('active');
});