Comment importer du jquery local

PHPz
Libérer: 2023-04-17 10:59:05
original
2935 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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
Copier après la connexion

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';
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal