jQuery三种加载事件 和window.onload对比

详见源码注释
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script>

    <script>

        /*
        *jQuery加载 与window.onload区别
        * 1.加载次数不同
        * 从下面例子可以看出,jQuery可以进行多次加载,而window.onload则只能加载一次
        *
        * 2.执行时间不一样
        * window.onload是全部内容加载完再执行加载事件
        * jQuery只要对应的内容在内存里对应的DOM树结构绘制完成就执行,有可能内容还没在浏览器显示就已经执行
        * */

        //加载方式一
        //jquery对象调用ready()方法
        $(document).ready(function () {
            //具体加载事件实现
            alert(1234);
        });

        //加载方式二
        $().ready(function () {
            console.log('abcd');
        })

        //加载方式三
        //这种是对第一种的封装,前两天改CKEDITOR,里面也是用的这种
        $(function () {
            console.log('iiiii');
        })
        //jQuery可进行多次加载
        $(function () {
            console.log('zzzz');
        })
    </script>
</head>
<body>
<h2>jQuery三种加载事件</h2>
</body>
</html>

评论

大侠名号:   验证暗号: 点击我更换图片

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND