Безопасный и быстрый способ добавить класс css в тело DOM

Я хочу добавить класс в элемент body из DOM. Для чего-то такого простого и с самой загрузкой элемента body (по крайней мере, я думаю, что он будет загружаться быстрее, чем, скажем, элемент, похороненный в DOM), должен ли я действительно дождаться события jQuery Ready, чтобы сделать такое простая задача? Я стараюсь избегать эффекта "мерцания" при добавлении стиля в тело, так как у меня будут разные стили CSS, прикрепленные к этому классу, вступают в силу при добавлении.

Я могу сделать что-то вроде:

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

Но есть ли более быстрый, но безопасный способ? Мне все равно, если его jQuery или собственный JavaScript

Ответы

Ответ 1

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

Сравнение производительности: className vs classList vs addClass:

Обновить (на основе комментария PSL)

или для более новых document.body.classList.add("home");

Ответ 2

Сразу после открытия тега body вы можете создать тег script:

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

Единственное условие заключается в том, что jQuery загружается в head.