将css类添加到DOM主体的安全且最快捷的方法
我想在DOM的body元素中添加一个类。 对于这么简单的东西,并且body元素本身加载速度很快(至少,我认为它会加载比DOM中埋藏的元素更快的加载),我真的必须等待jQuery Ready事件做这样的事情吗?简单的任务? 我希望在将样式添加到正文时避免“闪烁”效果,因为我将添加不同的CSS样式,这个类在添加时生效。
我可以这样做:
jQuery(window.document).ready(function () { jQuery("body").addClass("home"); });
但是有更快,更安全的方式吗? 我不关心它的jQuery还是原生JavaScript
document.body.className += ' ' + 'home';
性能比较 : className
vs classList
vs addClass
:
更新 (根据PSL的评论)
或者对于较新的
document.body.classList.add("home");
在打开body
标记之后,您可以创建一个脚本标记:
唯一的条件是jQuery被加载到head
。