addClass不会同时发生在多个元素上

Question

我有一个函数，可以将一个类添加到许多元素中......

$('html, body, .site-inner, #page').addClass('black-hover');

然而，似乎没有同时添加课程，这有什么原因吗？

black-hover只是一个黑色背景，我想知道是因为我使用了多个选择器'html, body, .site-inner'等？

Answer 1

jQuery addClass调用背后的简单替代代码就是这样：

var elements = document.querySelectorAll('html, body, .site-inner, #page');
for (var i = 0, len = elements.length; i < len; i++) {
    if ((' ' + elements[i].className + ' ').indexOf(' black-hover ') === -1)
       elements[i].className += ' black-hover';
}

显然，该类被添加到迭代中的每个元素中，因此不会同时修改元素，并引用Rory McCrossan的comment：

  

这个类将通过这些元素循环添加，但是   迭代和DOM更新之间的延迟应该差不多   感觉不到的。