jquery替换class

jQuery 替换 class 的方法

使用 jQuery 替换元素的 class 可以通过以下几种方式实现：

移除旧 class 并添加新 class

使用 removeClass() 和 addClass() 方法组合：

$('#element').removeClass('old-class').addClass('new-class');

直接替换 class

使用 attr() 方法直接修改 class 属性：

$('#element').attr('class', 'new-class');

条件性替换 class

使用 toggleClass() 方法在 class 之间切换：

$('#element').toggleClass('old-class new-class');

正则替换 class

如果需要基于正则表达式替换部分 class 名称：

$('#element').attr('class', function(i, currentClass) {
    return currentClass.replace(/old-class/g, 'new-class');
});

注意事项

• 直接使用 attr() 会覆盖所有现有 class
• removeClass() 和 addClass() 可以保留其他 class
• 多个 class 可以用空格分隔同时操作