jQuery 修改 CSS - 浏览器什么时候呈现？

Question

我的 jQuery 代码添加和删除多个样式类。浏览器是否会重新呈现每一行 javascript 代码？例如:

$(this).addClass('text1-hidden');
$(this).removeClass('text-2-hidden');
$(this).addClass('text3-shown');
$(this).removeClass('text-4-shown');

浏览器什么时候重新绘制东西？

Answer 1

所有基于 DOM 的更改(例如类名更改)都是即时进行的，没有人为可测量的延迟。

受向元素分配/删除新类影响的样式更改也将立即生效。