最新的Web开发教程
 

jQuery入门


jQuery的添加到您的网页

有几种方法,开始您的网站使用jQuery。 您可以:

  • 从jQuery.com下载jQuery库
  • 包括jQuery的从CDN,像谷歌

jQuery的下载

有jQuery的两个版本可供下载:

  • 量产版 - 这是为您的生活网站,因为它已被精缩和压缩
  • 开发版 - 这是用于测试和开发(未压缩和可读的代码)

两个版本都可以从下载jQuery.com

jQuery库是一个JavaScript文件,并且你的HTML引用它<script>标记(注意, <script>标记应该是里面<head>部分):

<head>
<script src="jquery-1.12.2.min.js"></script>
</head>

提示:将下载的文件在同一目录下,你想使用它的页面。

你想知道为什么我们没有type="text/javascript"里面<script>标记?

这不是在HTML5必需的。 JavaScript是在HTML5和所有现代浏览器的默认脚本语言!


jQuery的CDN

如果你不想下载和托管jQuery的自己,你可以从一个CDN(内容分发网络),包括它。

谷歌和微软的主机jQuery的。

从谷歌或微软使用jQuery,使用下列之一:

谷歌CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
试一试»

微软CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
试一试»

使用来自谷歌或微软托管的jQuery的一大优势:

访问其他网站时,许多用户已经从谷歌或微软下载jQuery的。 这样一来,它就会从缓存中,当他们访问您的网站,从而导致更快的加载时间加载。 此外,大多数CDN的将确保一旦用户请求从一个文件,它会从最接近他们的服务器上,这也导致更快的加载时间提供服务。