怎么引入jquery
引入 jQuery 的方法
通过 CDN 引入
使用公共 CDN(内容分发网络)引入 jQuery,以下是常用的 CDN 链接:
<!-- jQuery 3.x 最新版本 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- jQuery 2.x 版本(不支持 IE6-8) -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- jQuery 1.x 版本(支持旧版浏览器) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
将上述代码放在 HTML 文件的 <head> 或 <body> 标签内。
下载本地引入
从 jQuery 官网下载文件并引入:
- 访问 jQuery 官网 下载最新版本。
- 将下载的
.js文件保存到项目目录中(例如js/jquery.min.js)。 - 在 HTML 文件中引入:
<script src="js/jquery.min.js"></script>
使用 npm 安装
在 Node.js 或现代前端项目中,可以通过 npm 安装 jQuery:
npm install jquery
安装后,在 JavaScript 文件中通过模块化方式引入:
import $ from 'jquery';
使用 Yarn 安装
如果使用 Yarn 作为包管理工具,可以通过以下命令安装:
yarn add jquery
引入方式与 npm 相同:
import $ from 'jquery';
验证 jQuery 是否引入成功
在引入 jQuery 后,可以通过以下代码验证是否成功:

<script>
$(document).ready(function() {
console.log("jQuery 已成功加载!");
});
</script>
如果控制台输出提示信息,则说明 jQuery 已正确引入。






