3.jQuery入口函数

jquery的入口函数：
$(document).read( function(){
} )
简写形式：
$(function(){
});
对比JS原生入口函数和jQuery入口函数
1.jQuery的入口函数调用时机比window.onload这个原生的入口函数要早
jQuery的入口函数是等DOM加载完毕就调用（网页的元素加载完毕）
window.onload要等资源加载完毕（网页的元素、引入的文件、图片）
2.JS原生的入口函数不能写多个，如果写多个，后面的覆盖前面的
jQuery的可以写多个，到时候会合并在一起，依次调用

 <script>

        // window.onload也叫入口函数：简单来说就是页面资源加载完毕调用的函数
        // window.onload = function () {

        //     // var box = document.getElementById('box');
        //     // console.log(box);
        //     // console.log('onload');

        //     // var img = document.getElementsByTagName('img')[0];
        //     // console.log( 'onload:' + img.offsetWidth);
            
        //     console.log('onload1');
            
        // }

        // window.onload = function(){

        //     console.log('onload2');
            
        // }

        
        // jquery的入口函数
        // $(document).ready(function(){

        //     console.log($('#box'));
        // });

        // 入口函数简写版，jquery的入口函数会比JS的要早一点
    $(function(){

        // console.log($('#box'));
        console.log('jquery的1');
        // var img = document.getElementsByTagName('img')[0];
        // console.log( 'jquery里:' + img.offsetWidth);
        
    })

    $(function(){

        console.log('jquery的2');
        
    })

</script>

• $的本质其实是一个函数,这个函数的作用是：找到某个元素把它变成jQuery对象

• 用$的地方也可以把$换成jQuery，但是一般我们不换，因为写$更方便

• 源代码：window.jQuery = window.$ = Jquery;

• 把框架里的Jquery暴露给window，所以外面才可以直接用$或者直接用Jquery