Question

我希望在DOM的body元素中添加一个类。对于这么简单的东西，并且body元素本身加载速度很快（至少，我认为它会加载比在DOM中埋藏的元素更快），我必须真的等待jQuery Ready事件做这样的事情简单的任务？我希望在将样式添加到正文时避免“闪烁”效果，因为我将添加不同的CSS样式，这个类在添加时生效。

我可以做类似的事情：

  jQuery(window.document).ready(function () {
    jQuery("body").addClass("home");
  });

但是有更快，更安全的方式吗？我不关心它的jQuery还是原生JavaScript

Answer 1

document.body.className += ' ' + 'home';

Performance comparision ：className vs classList vs addClass：

更新（根据PSL的评论）

或更新的document.body.classList.add("home");

Answer 2

在打开body标记之后，您可以创建脚本标记：

<body>
<script>
    $('body').addClass('home')
</script>
<!-- HTML content bellow -->
</body>

唯一的条件是jQuery被加载到head。

将css类添加到DOM主体的安全且最快捷的方法

2 个答案: