第一百一十四章 如何引入 jQuery

引入的方法十分简单，因为本质上 jQuery 就是一个 JS 文件。这和我们引入普通的 JS 文件没有什么不同。

需要注意两点：

1. 一般我们在页面的最后进行引入，避免影响页面主要内容的加载速度；
2. 要在引入之后才可以使用，先准备好工具箱再开始工作。

然后方式上也有两种：

一种是本地文件，就是把 jQuery 这个库的文件下载下来，和你的网页文件放在一起，将来一起上传到自己的网站空间里。这样你使用的就是自己的文件，只要保证你的网站空间可以被访问，就不会出什么问题。或者我们在本地使用，即便断开网络，也没有问题。

还有一种是 CDN。一些大公司会把这些常用的库，或者其他的什么东西，总之就是这些常用的文件，放在各地的服务器上，当用户请求这个文件的时候，他会从最近的服务器，传送过来，这样速度可能会更快一些，而且因为文件是从其他服务器上读取，也就不用耗费你网站空间的流量了。

两种方法各有优劣，根据实际的情况进行选择。但是在我们的引入代码上，其实区别并不大，只是选哪一个网址的问题。

如果你要下载 jQuery，并把它放到自己的网站中，请务必到它的官方网站（jQuery 官方网站）进行下载。一方面，这样可以保证你下载到最新的版本；另一方面，永远也猜不到第三方所给出的文件是否会有其他问题。

CDN 的话选择国内大厂的即可，网上随便搜一搜很多的。当然网站要是面对国外用户，自然要选择国外的 CDN 服务。

然后说一下版本的选择，因为当你点击了官方网站那个大大的下载按钮之后，并不是直接开始下载，而是让你选择你要下载的内容，而且全是英文的，这让新手们觉得很头疼。所以我就加上了翻译：

代码的压缩，就是去掉代码中的注释，毕竟这对于代码的运行并没有什么帮助，以及仅仅是为了阅读舒适而增加的各种空白。这样就可以缩小代码文件的体积，使得我们请求这个文件的时候速度可以更快一些。

生产环境，指的是网站上线以后提供给用户使用的那个场景；而开发环境，是指我们在开发这个网站时的场景。所以我们可以使用用于开发环境的版本，进行网站的开发，这样如果有问题，可能更便于我们查找，而在发布的时候替换为用于生产环境的版本。当然如果不是搞特别复杂的问题，下载第一个就都够用了。非常刻苦的乖宝宝，也可以考虑在自己闲暇的时候下载未压缩的版本，去阅读它的代码，这确实是一个非常复杂而艰巨的任务，不过阅读高手的代码也是能够给自己带来许多启迪的。（我知道有好处，但是我自己做不来……

然后还有一个版本号的问题，我们看到当前最新的版本是 3.4.0，但是在有一些网站，它使用的是 1.x.x 版。这并不是说这个网站非常陈旧，而是因为浏览器的兼容性问题，导致了不同的选择。我们这里只简单的说一下，如果希望对早期浏览器有更好的兼容性，就选择 1 开始的版本。如果只考虑现代浏览器，并希望获得更好的性能，请使用最新版本。

如果想要深入的，认真的学习 jQuery。请以官方的文档为基准，就是在官方网站中导航上的第二项（API Documentation）。难道还有谁能够比作者更了解它吗？

应该有同学在抱怨了，这是纯英文的文档，怎么看？网上那么多翻译好的，为什么不去看？

纯英文的，可是现在的翻译工具也很方便啊。而且我们也不是说就一定要全都看懂，都有固定的语法，即便按图索骥，也能够找到个大概。而且只需要认识百十来个关键单词，勉勉强强查文档还是可以的。网上确实有很多翻译好的，但是肯定不如官方文档更新，而且每一个版本，都不是单纯的增加功能，对于原有的功能也有修改甚至删减。想学最新的知识，想学 HTML5 和 CSS3，那为什么到这里反倒要去看陈旧的文档呢？