第1章 jQuery

1.1 jQuery简介

在学习jQuery之前，我们先来给小伙伴们介绍一下jQuery开发的基础知识。了解这些，对后续学习是非常重要的，同时也能让你少走很多弯路。

1.1.1 从“JavaScript”到“JavaScript库”

“jQuery、Prototype、Mootools、YUI、Dojo、Ext.js……”

在平常的学习中，我们或多或少都听过以上这些名词。其实，这些都来自JavaScript库。那么问题就来了：“JavaScript库又是什么呢？本来已经有JavaScript了，为什么还会出现这玩意儿？”

我们都知道，JavaScript是一门很烦琐的编程语言，不仅语法复杂，还会出现各种兼容问题。举个简单的例子，如果我们使用JavaScript来实现动画效果（如滑动、过渡等），那么代码量会非常大，而且还得对各个浏览器作兼容处理。因此，为了减少工作量，我们常常会把JavaScript中经常用到的一些功能或特效封装成一个“代码库”，这样在实际开发中只需要调用一些简单的函数就能直接使用这些功能或特效了。

对于“JavaScript”和“JavaScript库”的关系，可以这样去理解。如果经常用到某一个特效，我们可以把这个特效封装成一个函数。这样以后需要用到这个特效时，我们只需要调用这个函数就可以了。我们把常用的功能或特效都像上面那样封装成一个个函数，这些函数放在一起就成了一个“JavaScript库”。也就是说：jQuery、Prototype、Mootools等，本身都是用JavaScript来写的。（这句话应该很好理解。）

打个比方，我们把“JavaScript”看成是“原料”，则“JavaScript库”可以看成是用原料做成的“半成品”，而程序用到的功能或特效就是“成品”。如果想要得到一件成品，你可以直接用原料做，也可以用半成品做。不过用原料来做，工序肯定更多，时间也更长。而使用半成品来做，则可以省去很多工序，时间也会缩短很多。

实际上，我们即将学到的jQuery就是众多JavaScript库中非常好用的半成品，也是用得非常频繁的半成品。

1.1.2 关于jQuery

jQuery，也就是JavaScript和查询（Query）的组合，即辅助JavaScript开发的一个库。jQuery是全球十分流行的JavaScript库。在世界访问量前10000的网站中，超过55%的网站在使用jQuery。

从前文我们可以知道，jQuery本身就是用JavaScript来写的，它只是把JavaScript中最常用的功能封装起来，以方便开发者快速开发。遥想当年，jQuery的创始人John Resig就是受够了JavaScript的各种缺点，所以才开发了jQuery。

jQuery具有很多优点，主要包括以下几点。

·代码简洁。

·完美兼容。

·轻量级。

·强大的选择器。

·完善的Ajax。

·丰富的插件。

“简洁与高效”是jQuery最大的特点。有一句话说得好：“每多学一点知识，就少写一行代码。”实际上jQuery的理念亦是如此：“Write less,do more.”

【解惑】

1.在三大框架（Vue、React、Angular）非常流行的今天，学习jQuery还有用吗？

jQuery依然被用得很多，现在互联网公司的项目并不都是使用Vue或React等来开发的，还有相当一部分项目是采用传统方式来开发，而传统方式大多数情况下都会用到jQuery。

在前端面试中，jQuery依然是必备的一项技能。如果只学Vue或React，实际上还是满足不了真正的前端开发工作。所以小伙伴们还是有必要认真地学一下jQuery。

2.对于jQuery的学习，除了这本书，还有什么推荐的吗？

给小伙伴们一个很有用的建议：在学习任何编程语言的过程中，一定要养成查阅官方文档的习惯，因为这是重要的参考资料，并且还能提高自己的英文水平。其中，jQuery官方文档地址如下。

·jQuery API文档：http://api.jquery.com。

·jQuery UI文档：http://jqueryui.com/demos。

·jQuery Mobile文档：http://jquerymobile.com/demos。

·jQuery插件：https://plugins.jquery.com。