1.jQuery简介

jQuery是一个快速、简洁的JavaScript框架,倡导写更少的代码,做更多的事情

jquery官方网站

jquery中文文档

1.1.简单函数封装

  • 根据id、类名称来获取元素
function $(selector){
    var str = selector.charAt(0)
    if(str === "#"){
        return document.getElementById(selector.substr(1))
    }else if (str === "."){
        return document.getElementsByClassName(selector.substr(1))
    }
}

1.2.jquery的使用

  • 初始化项目
npm init -y
  • 安装jquery
npm install jquery@2.1.14 --save
  • 引入jquery
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
<div id="box">111</div>
<div class="box1"></div>
<script>
    console.log($("#box"))
</script>
</body>
</html>

总结:jquery本质上就是一个使用javascript封装的一个工具库,可以是你写代码的时候更简洁高效,学习建议:记住并熟练应用jquery的各种方法、各种选择器就可以了