https://www.cnblogs.com/sandraryan/

前端代码优化：无效循环越少越好，DOM节点操作越少越好，HTTP请求越少越好

jq是一个js库。（不是框架）

JQ优点

1. 方便的DOM操作系统，降低了DOM代码操作量，提高了DOM操作代码的可维护性。

2. 优化了对DOM节点的操作（开发中对DOM操作越少越好，程序员无法完全写出特别优秀的代码，可以借助JQ）。

引入方法

1. CDN

https://www.bootcdn.cn/jquery/

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

 

2. 下载并放入项目文件，并用js引入（取决于自己的路径）

    <script src="jq/jquery.js"></script>

jq有Production version（压缩后，代码无可读性，用于项目）和Development version（用于开发和学习）

代码基于jq的话，jq的引入要在自己的js代码之前

使用方法

    $();
　　//查找 操作元素（DOM节点）

是一个函数，也是一个对象。

举个栗子

    <button class="btn">button</button>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script>
　　//获取button，注册点击事件，点击button时，控制台打印‘this is a btn’
    $(\'.btn\').click(function(){
        console.log(\'this is a btn\');
    });
    </script>

 

再举个错误的栗子：

var btn = document.querySelector(\'.btn\');
    btn.click(function(){
        console.log(\'this is a btn\');
    });

版权声明：本文为sandraryan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/sandraryan/p/11525642.html