jQuery 的总结1

jQuery 是对JavaScript的封装，能够使我们使用少量的代码就可以达到同原生 JS 的效果。

一、是否需要导入框架

原生 JS 不需要导入框架，可以直接在<script>标签中进行逻辑处理；

jQuery 需要先在官方网站下载文档，该文档分为两部分：开发框架和生产框架，两者最大的区别在于：生产框架是对开发框架的压缩，方便在服务器上进行部署。

二、初始使用

JS 的使用是在<script>标签中，格式如下：

<script>
    <!--运用js 的写法-->
    window.onload = function () {

        // 逻辑代码处理区域

    };
    
</script>

jQuery 的使用格式如下：

<script src="libs/jquery-3.3.1.js"></script>

<script>
    
    // jQuery 的固定写法（推荐，）
    $(document).ready(function () {
        // 逻辑代码处理区域

    })
</script>

三、加载模式的区别

在 JS 中，后出现的函数会覆盖先出现的函数。如下所示：只会执行 alter(3)。

window.onload = function () {
            alert(2);

        };


window.onload = function () {
            alert(3);

        };

在 jQuery 中，则不会出现覆盖的现象。alter 会按照执行顺序依次出现。

 $(function () {

            alert(1);

        });

 $(function () {
            alert(3);

        });

四、jQuery 入口函数的四种格式

    <script src="libs/jquery-3.3.1.js"></script>
    <script>
        // 方式1(本人推荐的写法)
        $(document).ready(function () {
            alert(1);
        });

        // 方式2
        jQuery(document).ready(function () {
            alert(2);
        });

        // 方式3(官方推荐)
        $(function () {
            alert(3);
        });

        // 方式4
        jQuery(function () {
            alert(4);
        });
    </script>

五、释放$之后的使用方法

使用情况说明：如果自定义的框架中出现了$，并将该框架导入，此时需要释放$的使用权限。

    <script>
        // 方式1 释放$的使用权限
        jQuery.noConflict();

        jQuery(function () {
            alert('hello liu');
        });

        // 方式2 自定义一个访问符号
        var nj = jQuery.noConflict();

        nj(function () {
            alert('hello si');
        })
    </script>

六、jQuery 的核心函数

$(documen).ready() 或者$()就代表 jQuery 的核心函数，通常的逻辑操作需要在这个核心函数中进行处理。