Есть ли событие JQuery или Javascript, где я могу скрыть элементы, прежде чем они появляются в браузере

Question

Теперь у меня есть обработчик событий onready

$(function() {
   $('element').hide();
});

, но элемент скрывается только после его появления в браузере.И это исчезнет, ​​как вспышка.

Могу ли я связать любую функцию hide () до того, как содержимое появится в моем браузере?

Answer 1

Могу ли я связать любую функцию hide () до того, как содержимое появится в моем браузере?

Нет.DOM должен быть загружен в первую очередь, прежде чем иметь возможность манипулировать им с помощью JavaScript.Лучший способ - просто скрыть элемент с помощью CSS со стороны сервера, чтобы он никогда не отображался при загрузке страницы.Итак, определите скрытый класс в вашем CSS-файле:

.hidden {
    display: none;
}

, а затем примените его к вашему элементу:

<div class="hidden">some hidden content</div>

Answer 2

Используйте CSS, чтобы скрыть элемент:

display: none;

Answer 3

DOM должен быть загружен, прежде чем вы сможете получить к нему доступ и правильно изменить его с помощью JavaScript. Вы должны использовать CSS, чтобы скрыть элементы, а затем, когда DOM завершит загрузку, вы сможете показывать их тогда, когда захотите.

Answer 4

Существует ли причина, по которой вы не можете применить подобный класс к своему элементу

HTML

<div class="s-hidden">Hello foo!</div>

CSS

.s-hidden { display: none; visibility: hidden; }

Обратите внимание, что visibility:hidden также скрывает элемент от программ чтения с экрана, которые все равно будут считывать содержимое, если вы отключите его

Затем покажите еготебе это нужно?