在学习jQuery之前,我们先来给小伙伴们介绍一下jQuery开发的基础知识。了解这些,对于后续学习是非常重要的,同时也能让你少走很多弯路。
一、从“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库中最好的半成品,也是用得最多的半成品。
二、jQuery是什么?
jQuery,也就是JavaScript和查询(Query),即辅助JavaScript开发的一个库。jQuery是全球最流行的JavaScript库,没有之一。在世界访问量前10000的网站中,有超过55%在使用jQuery。
从上面我们也知道,jQuery本身就是用JavaScript来写的,它只是把JavaScript中最常用的功能封装起来,以方便我们快速开发而已。遥想当年,jQuery的创始人John Resig就是受够了JavaScript的各种缺点,所以才开发了jQuery。
jQuery具有很多优点,主要包括:
- (1)代码简洁
- (2)完美兼容
- (3)轻量级
- (4)强大的选择器
- (5)完善的AJAX
- (6)丰富的插件
“简洁与高效”是jQuery最大的特点。有一句话说得好:每多学一点知识,就少写一行代码。实际上jQuery的理念亦是如此:“write less, do more.”
常见问题:
1.在MVVM框架(React、Vue、Angular)大行其道的今天,学习jQuery还有用吗?
jQuery依然很流行,而且新版的jQuery也在不断进步。就目前来说,jQuery几乎成了任何前端必备库。
实际上,jQuery并没有和MVVM的框架冲突,甚至可以很好地配合。像有时我们还会在这些MVVM框架中引入jQuery来辅助开发。
2.对于jQuery的学习,除了这本书,还有什么推荐的吗?
给小伙伴们一个很有用的建议:在学习任何编程语言的过程中,一定要养成查阅官方文档的习惯,因为这是最权威的参考资料,并且还能提高自己的英文水平。其中,jQuery官方文档地址如下。
- (1)jQuery API文档:http://api.jquery.com
- (2)jQuery UI文档:http://jqueryui.com/demos
- (3)jQuery Mobile文档:http://jquerymobile.com/demos
- (4)jQuery插件:https://plugins.jquery.com