【jQuery 教程系列第 7 篇】关于 jQuery 和 JavaScript 两个入口函数的执行顺序问题

这是【jQuery 教程系列第 7 篇】，如果觉得有用的话，欢迎关注专栏。

我们知道，jQuery 和 JavaScript 都有各自的入口函数，但是两者的执行顺序谁先谁后呢 ？

我们来做一个简单的实验就知道了，如下代码所示

    
        window.onload = function ()
        {
            console.log("这是 JavaScript 的入口函数");
        };
        $(document).ready(function ()
        {
            console.log("这是 jQuery 的入口函数");
        });
    

控制台的动态演示效果如下所示 可见 jQuery 的入口函数要比 JavaScript 的早。

不过我们再来看另外一个现象，这里我引入几张图片，再看看这三者的执行顺序，实验代码如下所示

    
        window.onload = function ()
        {
            console.log("这是 JavaScript 的入口函数 1");
        };
        window.onload = function ()
        {
            console.log("这是 JavaScript 的入口函数 2");
        };
        $(document).ready(function ()
        {
            console.log("这是 jQuery 的入口函数 1");
        });
        $(document).ready(function ()
        {
            console.log("这是 jQuery 的入口函数 2");
        });
    

动态演示效果如下所示 由动态效果演示图我们可以得出以下结论

• JavaScript 的入口函数会覆盖掉上一个入口函数，而 jQuery 不会覆盖掉上一个入口函数。
• JavaScript 会在所有的图片加载完以后才执行，而 jQuery 不需要等到图片加载完以后也会执行。

但两者如果都需要获取 DOM 对象的话，都要等到其对象加载完毕后才可以(因为至少要保证对象是存在的

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语 技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。 最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。