jQuery中的ready()函数有什么用

在这篇文章中，我们将看到如何使用jQuery库所提供的ready()函数。ready()函数是用来执行一些javascript代码的，只有当HTML DOM被完全加载的时候。在DOM完全加载之前，我们不应该对其进行操作。ready()方法在检测DOM是否成功加载时非常方便。

语法:

$(selector).ready(handler)

这里的’handler’是一个JavaScript函数，一旦DOM准备好就会执行。括号内的选择器并不重要。例如，下面的三种语法是同样的意思。

例子：在下面的例子中，我们在ready()函数的帮助下将h1的文本改为 “DOM现在准备好了”，该函数在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 ready事件2秒，这样我们就可以模拟DOM加载的延迟来测试ready()函数。

jQuery中的ready()函数有什么用？