如何利用jQuery来向一个元素中添加和移除CSS类?

作者：System 时间：2024年08月14日分类：所有,jquery 字数：670

这篇文章距离上次修改已过434天，其中的内容可能已经有所变动。

在jQuery中，可以使用.addClass()和.removeClass()方法来向元素添加或移除CSS类。

添加CSS类：




$('#elementId').addClass('new-class');

移除CSS类：




$('#elementId').removeClass('existing-class');

如果需要同时添加和移除多个类，可以将它们作为空格分隔的字符串传递给.addClass()或.removeClass()：




// 添加多个类
$('#elementId').addClass('class1 class2');
 
// 移除多个类
$('#elementId').removeClass('class1 class2');

如果要检查元素是否有特定的类，可以使用.hasClass()方法：




if ($('#elementId').hasClass('some-class')) {
  // 元素有这个类
}

这些方法可以链式调用，以在同一个元素上添加或移除多个类：




$('#elementId')
  .addClass('class1 class2')
  .removeClass('class3 class4');