jquery 的入口函数

1.jquery入口函数两种写法

//1.1
$(document).ready(function () {    
});
    
//1.2 实际开发中 这种写法使用较多
$(function () {    
});

2.jquery入口函数和window.onload入口函数的区别

//a.window.onload入口函数不能写多个，但是jQuery的入口函数可以写多个
//b.执行时机不同 jquery入口函数要快于window.onload
// jquery入口函数要等待页面上dom树加载完执行
// window.onload 要等待页面上所有的资源（dom树/外部css/js连接/图片）都加载完毕后执行
window.onload = function () {
    alert('我是window.onload');
};
$(function () {
    alert('我是jQuery的入口函数')
});

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
<script src="jquery/jquery-1.12.4.min.js"></script>
<script>
    //1.jquery的写法 两种
    // //1.1
    // $(document).ready(function () {
    //
    // });
    //
    // //1.2 实际开发中 这种写法使用较多
    // $(function () {
    //
    // });

    //2.jquery入口函数和window.onload入口函数的区别
    //a.window.onload入口函数不能写多个，但是jQuery的入口函数可以写多个
    //b.执行时机不同 jquery入口函数要快于window.onload
    // jquery入口函数要等待页面上dom树加载完执行
    // window.onload 要等待页面上所有的资源（dom树/外部css/js连接/图片）都加载完毕后执行
    window.onload = function () {
        alert('我是window.onload');
    };
    $(function () {
        alert('我是jQuery的入口函数')
    });
</script>