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'; 
} 

顯然，類添加到在迭代每個元素，所以元素不會在同一時間修改，援引羅裏McCrossan的comment：

本課程將在一個循環中通過這些元素被添加，但是迭代和DOM更新之間的延遲 應該幾乎 impercept IBLE。