在多个元素上没有同时发生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的评论 ：

该类将通过这些元素循环添加，但是迭代和DOM更新之间的延迟应该几乎不可察觉。