在本章中,您将学习如何将jQuery整合到您的网页中。
有两种使用jQuery的方法:
从jQuery.com下载jQuery库
包含CDN中的jQuery,例如Google,Baidu等
首先,请先下载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时,它们将不可用。
如果您不想自己下载和托管jQuery,则可以从CDN(内容交付网络)中包含它。
Staticfile和Microsoft都提供最新版本的内容交付。
要使用Staticfile或Microsoft的jQuery,请使用以下任一方法:
<head> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> </head>
<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都会确保用户一旦请求文件,就会从距离他们最近的服务器提供文件,这也将缩短加载时间。