通过下载并引用jQuery +通过案例对比下`JavaScript` 和 `jQuery`+列出 $() 的参数+列出选择器，并查看效果。

通过下载并引用jQuery

通过在jQuery的官网下载jQuery的代码，下载到本地，通过引用的方式引入

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

通过案例对比下JavaScript 和 jQuery

// 获取标签li
        // 通过使用js方式获取
        let js = document.querySelectorAll("li");
        console.log(js);
        // 通过使用jq方式获取
        let jq = $("li");
        console.log(jq);

// 通过class 获取标签ul
        // 通过使用js方式获取
        let js = document.querySelector(".nav");
        console.log(js);
        // 通过使用jq方式获取
        let jq = $(".nav");
        console.log(jq);

列出 $() 的参数

1：选择器

$(".item").css("font-size","18px");

2：包装器

$(".item").style.color = "green";

3：设置html文本

$("<p>学习时刻</p>").insertAfter("h2");

4：回调

代码编译从上至下，如果有些html代码在jq下方，就需要用到回调

$(()=>{
            $("h2").css("color","green");
        })

1：选择器

列出选择器

 // id选择器
        $("#list").css("color","#ff6700");
        // class选择器
        $(".item").css("font-size","18px");
        // 标签选择器
        $("li").css("background-color","#ccc");
        // 混合选择器
        $("#list li").css("font-weight","1000");