jquery - 切换类和添加类之间的区别

Question

我正在使用 jquery 并尝试在选择该表行时将类添加到表中。

我最初使用以下代码 -

$(this).parents("tr").toggleClass("over", this.clicked);            

出于某种原因，这仅在某些已经分配了类的实例中不起作用。 在我疯狂地进行任何故障排除之前，我将其更改为以下内容 -

$(this).parents("tr").addClass("over", this.clicked);           

这个新选项似乎运行良好。

我的问题是上面的一个选项是否比另一个更好......我应该使用toggleClass而不是addClass，还是addClass就足够了？

感谢您的任何想法。

Answer 1

addClass 就是这样做的，将类添加到元素中。

toggleClass 另一方面，切换类，如果存在则将其删除，否则添加它，但可以选择采用 bool 值(true/false)来确定该对象是否应该添加(true)或删除(false)。

在 this.clicked 为 false 的情况下，

toggleClass 可能无法正常工作，这是预期的行为。您在 addClass 中传递的参数没有任何效果，因为它总是添加类。

结论:

使用toggleClass切换类，使用addClass添加类。