3.jQuery入口函数

2019-07-04 15:23:57 阅读：160 来源： 互联网

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

标签：jQuery,console,函数,入口,window,log
来源： https://blog.csdn.net/weixin_43927457/article/details/94386423

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

3.jQuery入口函数