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

在本文中，我们将了解如何使用 jQuery 库提供的 ready()函数。仅当 HTML DOM 完全加载时，ready()函数才用于执行一些 javascript 代码。在完全加载之前，我们不应该操作 DOM。 ready() 方法非常方便地检测 DOM 何时成功加载。

句法：

$(selector).ready(handler)

这里的 'handler' 是一个 JavaScript函数，一旦 DOM 准备好就会被执行。括号内的选择器无关紧要。例如，下面的三种语法含义相同。

示例：在下面的示例中，我们在 DOM 完全加载时触发的 ready()函数将 h1 的文本更改为“DOM 现在准备就绪”。

HTML

  

    
    

  

    
    
        $.holdReady(true);
        setTimeout(() => {
            $.holdReady(false);
        }, 2000);
        function onDOMReady() {
            $().ready(() => {
                $("h1").text("DOM is now ready");
            });
        }
        onDOMReady();
    

  

输出：这里我们使用 holdReady()函数将 DOM 就绪事件保持 2 秒，这样我们就可以模拟 DOM 加载的延迟来测试 ready()函数。