我应该在“addClass”之前使用“hasClass”吗？ [复制]答案

【问题标题】：Should I use "hasClass" before "addClass"? [duplicate]我应该在“addClass”之前使用“hasClass”吗？ [复制]
【发布时间】：2012-11-01 18:32:12
【问题描述】：

我遇到过以下脚本，它检查一个元素是否具有类 a，如果没有，则添加它：

if (!$("div").hasClass("a")){
   $("div").addClass("a");
}

如果类已经存在，jQuery 将不会添加它，因此可以将其更改为：

$("div").addClass("a");

但是，首先使用hasClass 是否有任何性能改进，还是使用与addClass 相同的方法，因此重复了逻辑？

【问题讨论】：

【解决方案1】：

.hasClass() 检查没有用，因为 jQuery will also always check 来自 .addClass()。这只是额外的工作。

【讨论】：

【解决方案2】：

您可以在源代码中看到：https://github.com/jquery/jquery/blob/master/src/attributes/classes.js#L38-L45 在使用 addClass 时，他们确实会检查该类是否存在。

所以在这种情况下没有理由使用.hasClass()..（如果你想在元素没有类的情况下执行更多操作则例外..）

【讨论】：

【解决方案3】：

不管怎样，.hasClass() 在我的有限测试中提高了性能：http://jsperf.com/jquery-hasclass-vs-addclass-and-removeclass

但是，即使独立的 .removeClass() 在 Chrome 中报告速度要慢几倍，它也以每秒大约 70,000 次操作的速度出现。

【讨论】：