jquery替换class

jQuery 替换 class 的方法

使用 jQuery 替换元素的 class 可以通过 removeClass() 和 addClass() 方法组合实现，或者直接使用 attr() 或 prop() 方法修改 class 属性。

方法一：使用 removeClass() 和 addClass()

// 移除旧 class 并添加新 class
$("#element").removeClass("old-class").addClass("new-class");

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

// 直接替换整个 class 属性
$("#element").attr("class", "new-class");

方法三：使用 prop() 修改 class 属性

// 与 attr() 类似，但推荐用于属性操作
$("#element").prop("className", "new-class");

方法四：使用 toggleClass() 切换 class

// 如果存在则移除，不存在则添加
$("#element").toggleClass("old-class new-class");

注意事项

• attr() 和 prop() 会覆盖所有原有 class，而 removeClass() 和 addClass() 可以精确控制。
• 如果需要替换多个 class，可以在 removeClass() 和 addClass() 中传入空格分隔的列表。
• 推荐优先使用 removeClass() 和 addClass()，避免意外覆盖其他 class。