jQuery+Ajax-2(jQuery和js入口函数区别)

最新推荐文章于 2022-03-14 13:52:49 发布

原创最新推荐文章于 2022-03-14 13:52:49 发布 · 211 阅读

0 ·

CC 4.0 BY-SA版权

jQuery+Ajax 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了原生JavaScript与jQuery中入口函数的区别。原生JS等待DOM及图片完全加载后执行，而jQuery仅待DOM加载完毕即启动，揭示了两者在页面加载策略上的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery和js入口函数区别

<head>
    <script src="js/1.12.4.js"></script>
    <script>
        /*
        * 原生js和jq入口函数的加载模式不同
        * 原生js会等到dom元素加载完毕并且图片也加载完毕才会执行
        * jq会等到dom元素加载完毕，但不会等到图片也加载完毕就会执行
        * */
        $(document).ready(function () {
            //通过jQuery可以拿到dom元素
            var $img = $("img")[0];
            //拿不到宽高
            var $width = $img.width();
            console.log($width);
        })
    </script>
</head>
<body>
    <img src="https://www.baidu.com/img/bd_logo1.png">
</body>
</html>