01.什么是jQuery
jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。
02.jQuery下载
jQuery官网:https://jquery.com/
进去是下面得界面,点击黄色按钮下载得是最新版jQuery
03.下载版本
有两个经常使用得版本:
一个为压缩版本(生产版),优点(体积小,重量轻,适合开发使用)、缺点(不易阅读)。
一个为未压缩版本(开发版本),优点(适合阅读),缺点(不适合企业开发)
我选择得是生产版本,也就是第一个企业开发版本(压缩版本),
鼠标左键点进去,会进入下面这个界面
将里面得文字快速复制下来,CTRL+A(全选),CTRL+C(复制)
04.jQuery得使用
打开编辑器,我用得是vscode,新建一个js文件,我这里js文件命名为:jquery.js
(不要改变文件后缀名,最好文件名与我得保存一致,为了避免一些不必要得麻烦)
然后将保存得代码粘贴过来.
05.jQuery在js中引用
新建一个html文件.将下面代码复制过来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jQuery.js"></script>
<style>
div {
width: 200px;
height: 200px;
background-color: skyblue;
}
</style>
</head>
<body>
<div></div>
<script>
//隐藏div盒子
$('div').hide();
alert('恭喜 jQuery得大门正在向你打开');
</script>
</body>
</html>
如果运行HTML文件,界面什么都没有,并弹出来一个窗口,代表jquery已经可以使用了。
06.jQuery历史版本
官网:https://code.jquery.com/