Explication détaillée de la façon d'introduire les fichiers de base jQuery

jQuery est une bibliothèque JavaScript populaire qui simplifie de nombreuses opérations de développement Web. Avant d'utiliser jQuery, vous devez d'abord comprendre comment introduire le fichier principal jQuery. Cet article expliquera en détail comment introduire les fichiers principaux de jQuery et joindra des exemples de code spécifiques.

1. CDN introduit jQuery

Une méthode courante consiste à introduire les fichiers de base jQuery via CDN (Content Delivery Network). Cette méthode est non seulement rapide, mais aussi pratique et rapide. Voici le lien CDN qui présente jQuery :

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>

Ajoutez le code ci-dessus dans le fichier HTML pour présenter la dernière version du fichier principal jQuery. Veuillez noter que le numéro de version indiqué dans ce lien peut être mis à jour au fil du temps, alors assurez-vous d'utiliser la dernière version.

2. Importer jQuery à partir de fichiers locaux

En plus de l'importation via CDN, nous pouvons également télécharger le fichier principal jQuery vers le local et l'importer via des chemins relatifs ou absolus. Tout d'abord, nous devons d'abord télécharger le fichier jQuery. Vous pouvez télécharger la dernière version à partir du [site officiel](https://jquery.com/download/).

Supposons que nous enregistrions le fichier jQuery dans le dossier js du projet, nous pouvons alors utiliser le code suivant pour l'importer :

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

De cette façon, nous pouvons importer le fichier principal jQuery local.

3. Utilisez NPM pour installer et introduire jQuery

Si le projet utilise Node.js et le gestionnaire de packages npm, vous pouvez utiliser la commande npm pour installer jQuery et l'introduire via l'instruction import ou require.

Tout d'abord, exécutez la commande suivante dans le répertoire racine du projet pour installer jQuery :

npm install jquery

Ensuite, utilisez la méthode suivante pour introduire jQuery dans le fichier JavaScript :

import $ from 'jquery';

Ou utilisez la méthode require :

const $ = require('jquery');

Via la méthode ci-dessus , nous pouvons l'ajouter au projet Introduire les fichiers de base jQuery.

4. Ordre d'introduction du fichier principal jQuery

Dans les projets réels, afin de garantir que jQuery peut fonctionner correctement, il est généralement nécessaire de s'assurer que le fichier principal jQuery est importé avant les autres fichiers JavaScript. En effet, de nombreux plugins et codes jQuery reposent sur les fonctionnalités de la bibliothèque principale jQuery.

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

Conclusion

Cet article détaille plusieurs façons d'introduire les fichiers principaux de jQuery, notamment via CDN, les fichiers locaux et l'installation de npm. Quelle que soit la méthode utilisée, vous devez vous assurer que le fichier principal jQuery est introduit avant les autres scripts pour garantir le fonctionnement normal du projet. J'espère que cet article pourra aider les lecteurs à mieux comprendre comment jQuery est introduit.

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!