在教大家如何在自己的项目中引入jQuery之前，大家必须先明白一下几点的基本知识
一、基本概念
1.定义：jQuery是一个JavaScript函数库，也就是封装了的js库文件
2.特点：jQuery是一个轻量级的“写得少，却做得多”的JavaScript库
3.功能
① 对HTML元素的获取和操作
② 对CSS样式操作
③ 对事件的操作
④ 制作JavaScript特效和动画
⑤ 对HTML和DOM 遍历和修改
4.注意事项
① jQuery 2.0以后的版本不支持iE678，支持移动端开发
② 引入库文件，一般在head中引入，如果js有操作标签，必须放置在body内部的最底部
③ 引入jQuery中，不建议使用最新版本，新版本有很多尚未解决的问题
④ jQuery中，只是DOM变化了，ECMAScript，BOM没有太大的变化，照常使用
二、如何引入jQuery
1.下载jQuery
1.1 版本：
jQuery有两种版本可以下载：
① Production version ：用于实际的网站中，已被精简和压缩
② Development version ： 用于测试和开发（未压缩，是可读的代码）
一般对于个人的小型项目，建议下载版本①，待资质足够深时，再下载版本②
1.2 下载地址
① 从https://jquery.com/download/下载 jQuery 库
从官方下载完成后，就是一个js库文件，直接导入到自己的项目中就可以使用了
<script src="js/jquery-3.0.0.min.js"></script>
要注意
第一：导入jQuery使用script标签而不是用link标签；
第二：在 <script> 标签中不必使用 type="text/javascript" ，因为在 HTML5 中，JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言。
② 从第三方链接中引入jQuery。
比如从百度CDN引入jQuery，只需要引入下面的代码即可
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
使用第三方链接引入jQuery，有利也有弊
利：
一是可以减少加载时间，因为当用户在访问其他站点时，已经从第三方（百度、新浪、谷歌或微软）加载过 jQuery，当他们访问您的站点时，会从缓存中加载 jQuery
二是可以提高加载速度，因为大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应。
弊：
不稳定：第三方链接是放置在第三方服务器中的，当第三方的服务器不稳定时，自己的项目也没有办法使用；并且不大建议使用Google CDN来获取版本，因为Google产品在中国很不稳定。
三、简单语法
1.基础语法：美元符号(css选择器).action()
① 美元符号:用来定义 jQuery
② css选择器：即跟再css样式中的选择器用法一样
//选择类名：
$('.btn').css('background','red');
//选择id名:
$('#btn').css('background','red');
//选择子级：
$('.btn>warp').css('background','red');
③ action():要操作的内容
//增加样式
$('.btn').css('background','red');
//添加事件
$('.btn').click(function(){......})
2.获取标签
① 获取所有标签： 美元符号('css选择器')
② 获取指定标签：美元符号('css选择器').eq(index); eq用法和数组一样，从0开始
<body>
<button class="btn">按钮</button>
<button class="btn">按钮</button>
<button class="btn">按钮</button>
</body>
<script>
// 获取所有的按钮
$('.btn').css('background','red');
// 获取第二个按钮
$('.btn').eq(1).css('color','blue');
</script>
3.控制css样式
①控制单个样式：美元符号('css选择器').css('样式名','样式值')
② 控制多个样式：美元符号('css选择器').css({'样式名'：'样式值','样式名':'样式值'})
// 修改单个css样式
$('.btn').eq(2).css('background','pink');
// 修改多个css样式
$('.btn').css({'background':'lime','fontSize':20+'px'});
4.绑定事件：美元符号('css选择器').事件类型（function(){执行的代码块；}）
$('.btn').click(function(){
$('.btn').css('width','200px');
})
