Need to learn JavaScript? jQuery is a JavaScript framework, so if you don't already know about the JavaScript programming language, we recommend that you learn it now: Learn JavaScript

This article is currently in the process of being translated into Chinese (~94% done).

Introduction:

Getting started

使用jQuery时, 你必须在用到它的网页上引用它. 你可以去 jQuery.com官网来下载jQuery. 通常情况下会有两种jQuery版本, 一种是生产(压缩)版本, 另一种是开发(非压缩)版本. 但出于学习研究的目的, 我们推荐开发版的jQuery.

下载jQuery文件之后, 你就可以在你的网页上引用它, 即使用 <script> HTML标签. 最简单的方法就是把下载的jQuery文件和将要引用它的html文件放在同一个文件目录下, 然后你就可以在html文件<head> 中这样引用它:

<script type="text/javascript" src="jquery-3.3.1.js"></script>

此时, 你的部分网页看起来应该是这样:

<head>    
    <title>jQuery test</title>    
    <script type="text/javascript" src="jquery-3.3.1.js"></script>    
</head>

此外, 更现代的做法是直接通过CDN来直接引用jQuery而不是下载它并且自己来维护. 如今已经有诸多CDN存于市, 比如来自Google的, 还有来自Microsoft的. 他们都维护着多个版本的jQuery以及其它很多JavaScript框架. 这种做法可以免受下载保存jQuery文件之苦, 此外更重要的是, 因为引用的文件CDN是很常用的URL, 其他网站也很可能会用到, 所以当人们浏览你的网站并且你的网站引用了jQuery时, jQuery很可能已经被浏览器缓存了, 因为人们浏览的其他网站可能和你的网站使用着同一版本的jQuery文件. 除此之外, 大多数CDN都会确保用户一旦向她请求了一个文件, 她会让离用户最近的服务器提供服务, 因此你的欧洲用户浏览网站时, 不必向美国或者其他地区请求文件.

就像下载并使用jQuery的方法一样, 对于通过CDN引用jQuery的方法, 你大可如法炮制, 只需改变URL即可. 例如, 引用来自Google 3.3.1版本的jQuery, 你可以这么些写:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我推荐你使用这种方法, 除非你有特别原因必须自己维护jQuery. 下面是一个关于Google jQuery CDN信息的连接:

Google jQuery CDN

下面这个链接是来自jQuery官网关于通过CDN来使用jQuery的说明:

code.jquery.com

Summary

你可以通过下载的方式来使用jQuery, 或者你也可以引用jQuery众多CDN的其中一个. 二者皆会提供给你两个版本的jQuery, 一种是非压缩的开发者版本, 另一种是压缩的生产版本. 出于开发和测试的考虑, 使用非压缩版我们能得到更详细的错误提示, 与此同时, 也能帮助我们理解jQuery库. 但如果是生产环境下, 我们应该使用压缩版本的jQuery, 这么做能节省你网站用户的带宽, 同时也会让你的网站加载更加迅速.

如上所述, 只要你将jQuery使用在了你的网页中, 那么你就可以继续前进了, 在接下来的几章, 你将会学到更多关于jQuery的知识.

This article has been fully translated into the following languages:

Is your preferred language not on the list? Click here to help us translate this article into your language!

Metadata

Getting started

Summary