jQuery的入口函数

<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/07/31/ 19:37-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery的入口函数</title>
</head>
<body>
    <script src="jquery-1.12.4.js"></script>
    <script>

        /**
         * jQuery的 2种写法
         */
        // 方式1
        $(document).ready(function () {

        });

        // 方式2
        $(function () {

        });

        /**
         * jQuery 入口函数 和 window.onload入口函数的 区别
         *
         * 1. window.onload入口函数 不能写多个, jQuery的入口函数 可以写多个
         * 2. 执行时机不同
         *    jQuery入口函数 要等待 页面上的 dom树 加载完后 执行
         *    window.onload 要等待页面上的 所有资源(dom树, 外部css/js链接, 图片) 都加载完成之后, 执行
         */
        
        $(function () {
            console.log("我是一个入口函数");
        });

        $(function () {
            console.log("我又是一个入口函数");
        });

    </script>
</body>
</html>

参考链接
https://www.bilibili.com/video/BV1pt411H7D6?p=6&spm_id_from=333.880.my_history.page.click

posted on 2022-07-31 19:49  beyondx  阅读(33)  评论(0编辑  收藏  举报

导航