English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
在本章中,您将学习如何将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>
Sfruttando il fatto che jQuery è ospitato su server sparsi in tutto il mondo, i CDN possono offrire un vantaggio di prestazioni. Questo offre anche un vantaggio, se i visitatori del tuo sito web hanno già scaricato una copia di jQuery dallo stesso CDN, non sarà necessario scaricarlo di nuovo.
Vantaggi dell'uso di un CDN jQuery:
Quando un utente accede a un altro sito, molti utenti hanno già scaricato jQuery da Staticfile o Microsoft. Pertanto, quando accedono al tuo sito, il file verrà caricato dalla cache, riducendo il tempo di caricamento. Inoltre, la maggior parte dei CDN garantisce che se l'utente ha già richiesto il file dallo stesso CDN, non sarà necessario scaricarlo di nuovo, il che ridurrà anche il tempo di caricamento.