如何导入本地jquery

在前端开发中，jQuery 作为一款强大的 JavaScript 库，被广泛的使用。而如果我们想要在本地导入 jQuery，常见的方法有以下几种：

一、通过 CDN 引入

最常见的导入 jQuery 的方式就是通过 CDN（内容分发网络）。jQuery 的官方宣传称他们在 Google、Microsoft、CDNJS、jsDelivr 等多个平台都有提供 CDN 服务，我们可以直接复制对应的链接并在 HTML 文件的 head 标签中引入即可，例如：

<!-- jquery cdn  -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

二、下载并本地化

如果在使用过程中未能联网，可以从官网上下载 jQuery 并将它存储在本地，如将其存储在项目所在的文件夹（如 js 文件夹）中，然后引入即可，例如：

<!--   引入本地的jquery文件 -->
<script src="./js/jquery.min.js"></script>

这种方法虽然有时候会增加网页的加载时间，但也方便了离线工作，便于管理项目代码。

三、使用 NPM 安装

当我们使用 Webpack 等打包工具进行项目的开发时，通常也会使用 NPM 进行安装。此时，我们可以通过以下命令来安装 jQuery：

npm install jquery --save

安装完成后，我们可以在 JavaScript 文件中使用 import 语句来引入，例如：

import $ from 'jquery';

需要注意的是，在使用 NPM 安装 jQuery 后，我们需要在项目中配置相应的构建工具（如 Webpack）来处理 jQuery 的打包和输出问题。

以上就是几种比较常见的导入本地 jQuery 的方法。使用时我们可以根据实际情况来选择最适合我们的方式。

以上是如何导入本地jquery的详细内容。更多信息请关注PHP中文网其他相关文章！