javascript - 如何使用 jQuery 为元素设置类？不想添加/删除类

Question

我需要为页面中的元素设置类。使用纯 JavaScript，我会编写如下内容:

document.getElementById('foo').className = "my_class";

这只是设置类，这正是我想要的。但是我在我的页面上使用了 jQuery，所以想以“jQuery 方式”执行此操作，因为混合旧样式和 jQuery 样式似乎很奇怪。但是 jQuery 显然只允许您使用 addClass() 或 removeClass()，如下所示:

$('#foo').addClass("my_class");

问题在于它只是向元素添加了一个类，并没有替换当前存在的类。这是否意味着我必须跟踪旧类并先执行 removeClass()？有没有办法告诉 jQuery 替换当前的类，不管它是什么，只用一个新的替换它？

Answer 1

从元素中删除所有类:

$('#foo').removeClass();

不为 removeClass 指定任何参数将删除所有类。所以你的解决方案是:

$('#foo').removeClass().addClass('my_class');