01-JQuery入口函数

JQuery入口函数

• JS原生入口函数特点
  • 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行
  • 原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的

        window.onload = function () {
            alert("111");
        };
        //会覆盖前面的入口函数
        window.onload = function () {
            alert("222");
        }

• JQuery入口函数特点
  • jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行
  • jQuery中编写多个入口函数,后面的不会覆盖前面的

        $(document).ready(function () {
            alert("111");
        });

        $(document).ready(function () {
            alert("222");
        });

• JQuery入口函数四种写法

        // 1.第一种写法
        $(document).ready(function () {
            alert("11");
        });

        //2.第二种写法
        jQuery(document).ready(function () {
            alert("22");
        });

        //3.第三种写法(推荐这种)
        $(function () {
            alert("33");
        });

        //4.第四种写法
        jQuery(function () {
            alert("44");
        });

JQuery冲突问题

• JQuery中的$是可以自定义的,如果和其他框架冲突可以修改$符号

    //当其他框架中的$符号和jQuery中的符号重复时候可以修改
    // 1.释放$的使用权
    // 注意点: 释放操作必须在编写其它jQuery代码之前编写
    //         释放之后就不能再使用$,改为使用jQuery
    // jQuery原理.noConflict();
    // 2.自定义一个访问符号
    var w = jQuery.noConflict();
    w(function () {
        alert("111");
    });