Dans le développement front-end, jQuery, en tant que puissante bibliothèque JavaScript, est largement utilisée. Et si nous voulons importer jQuery localement, les méthodes courantes sont les suivantes :
1. Introduction via CDN
La manière la plus courante d'importer jQuery est via un CDN (réseau de distribution de contenu). La promotion officielle de jQuery indique qu'ils fournissent des services CDN sur plusieurs plateformes telles que Google, Microsoft, CDNJS, jsDelivr, etc. On peut directement copier le lien correspondant et l'introduire dans la balise head du fichier HTML, par exemple :
<!-- jquery cdn --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2 . Téléchargez et localisez
Si vous ne parvenez pas à vous connecter à Internet pendant l'utilisation, vous pouvez télécharger jQuery depuis le site officiel et le stocker localement, par exemple dans le dossier où se trouve le projet (comme le dossier js). , puis en l'important, par exemple :
<!-- 引入本地的jquery文件 --> <script src="./js/jquery.min.js"></script>
Bien que cette méthode augmente parfois le temps de chargement des pages web, elle facilite également le travail hors ligne et la gestion du code du projet.
3. Installer à l'aide de NPM
Lorsque nous utilisons des outils d'empaquetage tels que Webpack pour développer des projets, nous utilisons généralement NPM pour l'installation. À ce stade, nous pouvons installer jQuery via la commande suivante :
npm install jquery --save
Une fois l'installation terminée, nous pouvons utiliser l'instruction d'importation dans le fichier JavaScript pour l'introduire, par exemple :
import $ from 'jquery';
Il convient de noter qu'après avoir utilisé NPM pour installer jQuery, nous devons configurer les outils de construction correspondants (tels que Webpack) dans le projet pour gérer les problèmes d'empaquetage et de sortie de jQuery.
Ci-dessus sont plusieurs méthodes courantes d'importation de jQuery local. Lors de son utilisation, nous pouvons choisir la méthode qui nous convient le mieux en fonction de la situation réelle.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!