接近半个月没有更新博客了，因为在学习Vue的一个小项目，如果要问我这个小项目做的如何，我能说的就是代码我给背下来了。背代码我个人认为并不是一个很好的方法，但是确实也是一种学习的途径，起码我从一开始的不理解，到最后可以理解代码为什么要这么写。
好了，这次要写的内容是JQ，为什么是JQ？因为我最近心态不稳定，很多东西都学不进去（自学真痛苦啊都 = = ！），最后没办法，不能学不进去就玩游戏吧，那就限定自己两个小时，全部精力都集中在视频或者学习的内容上（当然这个JQ之前学过一些），权当是复习巩固了。
废话不多说，进入正题。
什么是JQ？书上网络上有很多解释都比我的要好，但是就我个人的理解看来，JQ就是基于原生JS的简化语言。
比如说我们在原生的JS中想要找到一个标签，这个标签的id我们再原生的JS中需要通过document.getElementById(id)来寻找，那么我们再JQ中直接使用其JQ的方法来找$('#id')，说了那么多，JQ就是简化了原生JS的各种繁琐复杂的操作，就这么简单。
下面我们来讲解JQ如何使用。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="node_modules/jquery/dist/jquery.js"></script>//这里引入的文件就是JQ文件，注意我们引入的JQ文件一定要在我们自己的JS文件之前，否则会被覆盖。
<script src="JS/main.js"></script>
</body>
</html>
这里给一个JQ文件的下载链接（当然其他的依赖也可以下载到），我们可以直接在这个网站找到JQ文件，直接引入JQ文件的地址，或者下载使用。https://www.bootcdn.cn/
上文中的代码，我将JQ以及自己的JS文件放在了body后面，这样的做法我就不做过多的解释了。
1、选择器
在JQ中，对于标签的选择可以说是相当的便利，它的选择方法与CSS的选择器方法一样。
//在html中相关内容
<div id=“id1”>1
<span>2<span>
</div>
<div class=“class1”>1</div>
<div class=“class1”>1</div>
<input type="number" />
<input type="text" />
//在JS中的相关内容
//代码中的$就是jQuery，JQ中就是这么定义，所以。。。。
$('div') //这里的就是选中所有的div
$('#id1') //选中id为id1的div
$('.class1') //选中class为class1的div
$('#id1 span')//选中id为id1的div下的span标签
$('div:first')//选中第一个div
$(input[type=text]) //选中type为text的input标签
PS：如果一定要在body前引入JQ文件，那么在JS文件中写JQ的时候如下
//js中相关代码
$(function(){
});
上面的这两行代码等同于JS中的window.onload