JQuery学习笔记（一）：初识JQuery

 

说明：本人正在学习JQuery知识，以下内容来自于我对B站李南江老师的视频教程《李南江亲授-jQuery+Ajax从放弃到知根知底》的总结，以当作自己的学习笔记。（顺便推荐一下这个教程，语速合我口味！）

 

1.JQuery是什么？

JQuery是一个JavaScript库。

Jquery=js+query:可以看出JQuery主要是用来做查询的。

write less ，do more：JQuery能让我们对HTML文档的遍历和操作，事件处理，动画以及Ajax更加简单。

2.为什么要使用JQuery?

用一个例子来说明：用原生JS和JQuery为三个div设置颜色

 

1.原生JS的写法：

 

2.用JQuery：

 

通过对比明显可以看出JQuery写法比原生JS写法更简单

3.如何使用JQuery？

1.下载JQuery库

下载地址：https://code.jquery.com/  

右键要下载的版本，点击打开新标签，再ctrl+s保存到本地即可

2.引入JQuery库

在HTML文件中使用script标签引入即可：

3.编写JQuery代码

为了确保函数在DOM（docume object model 文档对象模型）元素都加载完成之后执行，所有JQuery代码都应写在JQuery入口函数中：

 

 

思考：

JQuery每个版本都有uncompressed（未压缩），minified（压缩）两个版本。该怎么选择呢？

让我们看一下未压缩版和压缩版的源码：

1.未压缩版：看起来很美观，注释很多，参数名称完整，因此文件体积略大

2.压缩版：看起来很杂乱，换行？注释？不存在的！，而且参数尽量简短，因此文件体积相比略小

 

所以我们可以得出结论，我们在进行开发使一般使用的是未压缩版，而项目发布上线时则使用压缩版。