阅读 153

jQuery 入门

在本章中,您将学习如何将jQuery整合到您的网页中。

将jQuery添加到您的网页

有两种使用jQuery的方法:

  • 从jQuery.com下载jQuery库

  • 包含CDN中的jQuery,例如Google,Baidu等

下载jQuery

首先,请先下载jQuery副本并将其包含在您的文档中。

有两种版本的jQuery可下载:

  • 压缩版本-适用于您的实时网站,因为它已被缩小和压缩

  • 未压缩版本-用于测试和开发(未压缩且可读的代码)

可以从以下网址下载这两个版本:https : //jquery.com/download/。

下载jQuery文件后,您会看到它具有.js扩展名,因为jQuery只是一个JavaScript库,因此您可以将HTML文件中的jQuery文件包含<script>元素,就像添加普通的JavaScript文件一样。

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

始终在自定义脚本之前包含jQuery文件;否则,当您的jQuery代码尝试访问jQuery API时,它们将不可用。

包括CDN中的jQuery

如果您不想自己下载和托管jQuery,则可以从CDN(内容交付网络)中包含它。

Staticfile和Microsoft都提供最新版本的内容交付。

要使用Staticfile或Microsoft的jQuery,请使用以下任一方法:

Staticfile CDN:

<head>  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script></head>

Microsoft CDN:

<head>  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script></head>

通过将jQuery托管在遍布全球的服务器上,CDN可以提供性能优势。这还提供了一个优势,如果您的网页访问者已经从同一CDN下载了jQuery副本,则不必重新下载它。

使用jQuery CDN的优势:

访问另一个站点时,许多用户已经从Staticfile或Microsoft下载了jQuery。因此,当他们访问您的网站时,将从缓存中加载该文件,从而缩短了加载时间。而且,大多数CDN都会确保用户一旦请求文件,就会从距离他们最近的服务器提供文件,这也将缩短加载时间。


文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐