首先到家可以自行前往官网下载JQuery.jar包，博主下载的是3.3.1版本的，读者可自行选择版本
.jar包导入很简单，首先我们传建一个项目，在项目中创建一个名为js的文件夹，把下载好的.jar包粘贴到js文件夹即可，如：
2.JQuery的基本使用方法
1.连接
在编写项目中我们一般使用外联法，即新建一个后缀名为.js的文件，用以下方法在HTML文件的<head>标签中添加下面两行代码，第一行为下载的JQuery.jar包的文件地址，第二个则是我们新建的.js文件（注意：新建.js文件一定要写在JQuery.jar包后，因为执行顺序是从上往下，先解析.jar包在解析我们自己新建的.js文件）
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/login.js"></script>
2.编写
在.js文件中我们第一件事就是要编写这样一个语句
$(function(){
JQuery语句体；
})
其作用为：$(function(){})是$(document).ready(function(){})的简写，或者$().ready(function(){})，会在DOM加载完成之后执行。也就是会在项目最后执行，就不会产生在THML语句前执行而出现的一系列问题；
3.DOM对象与JQuery对象之间的转换
1.获取DOM对象
var 对象名 = document.(id获取，class获取，标签名获取)（“id名，class名，标签名”）；//创建DOM对象
document.getElementsById("Obj")
document.getElementsByClassName("Obj")
document.getElementsByName("div")
var Domobj = document.getElementById("Obj")//获取id为Obj的对象
alert(Domobj.innerHTML)//输出Domobj对象的HTNL内容在弹窗上
2.获取JQuery对象
var $对象名 = $("#id名 或者 .class名 或者 标签名")
//获取Jquery对象
var $JQobj = $("#Obj")$("#xx")获取id名 $(".xx")获取class名 $("div")获取标签名
alert($JQobj.html())
3.DOM对象---->JQuery对象
var $对象名 = $(DOM对象)；
// Dom对象--->Jquery对象
var $D_JQ = $(Domobj)
alert($D_JQ.html()) //获取标签体
$D_JQ.html("对呀，你真可爱")
4.JQuery对象---->DOM对象
var Dom对象名 = $JQuery对象名[0]
var Dom对象名 = $JQuery对象.get(0)
// Jquery对象--->Dom对象
var JQ_D = $JQobj[0]
alert(JQ_D.innerHTML)
JQ_D.innerHTML = "天呐，你也太可爱了吧"
var JQ_D = $JQobj.get(0)
JQ_D.innerHTML = "天呐，你也太可爱了吧"
其实JQuery对象实际上就是DOM对象的的一个数组，[0],.get(0)即为获取DOM对象数组中的第一个元素
普通的方法可以直接调用其提供的方法。比如：你引用了Underscore.js，那么你可以在service里面直接使用其方法_.each([1, 2, 3], alert)
另外说明一下，不一定是service，在controller、config、factory等都可以直接调用对应的方法
