Какая польза от функции ready () в jQuery?

jQuery Изучение

В этой статье мы рассмотрим, как использовать ready() функцию, представленную в библиотеке Jquery. Функция ready () используется для выполнения некоторого кода javascript только тогда, когда HTML DOM полностью загружен. Мы не должны манипулировать DOM, пока он не будет полностью загружен. Метод ready () очень удобен для определения успешной загрузки DOM.

Синтаксис:

$(selector).ready(handler)

Здесь «обработчик» — это функция JavaScript, которая должна выполняться после того, как DOM будет готов. Селектор в круглых скобках не имеет значения. Например, три приведенных ниже синтаксиса означают одно и то же.

Пример: В приведенном ниже примере мы меняем текст h1 на «DOM теперь готов» с помощью функции ready (), которая запускается, когда DOM полностью загружен.

<!DOCTYPE html>
<html>
 
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
</head>
 
<body>
    <h1></h1>
    <script>
        $.holdReady(true);
        setTimeout(() => {
            $.holdReady(false);
        }, 2000);
        function onDOMReady() {
            $().ready(() => {
                $("h1").text("DOM is now ready");
            });
        }
        onDOMReady();
    </script>
</body>
 
</html>

Вывод: Здесь мы используем функцию holdReady () для удержания события готовности DOM в течение 2 секунд, чтобы мы могли имитировать задержку загрузки DOM для тестирования функции ready ().

Здесь мы используем функцию holdReady () для удержания события

Читайте также:  Учебное пособие по HTML для начинающих: создание веб-страницы с нуля с помощью HTML
Оцените статью
bestprogrammer.ru
Добавить комментарий

Adblock
detector