向元素添加删除CSS类时的jQuery JavaScript最佳实践

Question

我想知道在元素中添加和删除css类时的最佳实践是什么。

例如：

$('.item').addClass('hidden');

这每次都有效，即使类.item已经附加了隐藏的类，也不会多次添加该类。

但是我也可以这样做：

if ($('.item').hasClass('hidden') == false) {
   $('.item').addClass('hidden');
}

但是我没有看到我需要的任何理由，但是在两个示例中有什么优点和缺点吗？

Answer 1

addClass已经通过检查元素是否已经具有该类而开始，因此在调用之前的检查是在复制已经存在的东西。

首先要进行一点额外的检查，以查看参数是否是函数而不是字符串。但是通常所需的时间可以忽略不计。