答案：在VSCode中运行jQuery页面需引入jQuery库并用浏览器打开。1. 通过CDN在HTML中引入jQuery；2. 安装Live Server插件，右键“Open with Live Server”在浏览器预览；3. 检查开发者工具确认jQuery加载正常。
要在 VSCode 中运行使用 jQuery 的 HTML 页面，关键在于正确引入 jQuery 库并用浏览器打开页面。VSCode 本身不直接“运行”HTML，而是通过浏览器查看效果。
1. 确保 HTML 正确引入 jQuery
在你的 HTML 文件中，通过 CDN 或本地文件引入 jQuery。推荐使用 CDN 方式，简单稳定。
示例代码：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
确保这段代码放在 <head> 中或
</body> 标签前，例如：
立即学习“前端免费学习笔记（深入）”；
<html>
<head>
<title>jQuery 示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="btn">点击我</button>
<script>
$("#btn").on("click", function() {
alert("jQuery 工作了！");
});
</script>
</body>
</html>
2. 在浏览器中打开 HTML 文件
VSCode 需配合浏览器预览功能。最简单的方法是使用扩展插件。
安装 Live Server 插件：
- 打开 VSCode 扩展面板（Ctrl+Shift+X）
- 搜索 "Live Server"
- 安装由 Ritwick Dey 开发的 "Live Server" 插件
使用方法：
- 右键点击你的 HTML 文件
- 选择 "Open with Live Server"
- 浏览器会自动打开并显示页面
3. 检查 jQuery 是否生效
如果点击按钮没有反应，可能是 jQuery 未加载成功。
可以按 F12 打开开发者工具：
- 查看 Console 是否有报错（如 $ is not defined）
- 在 Network 标签中确认 jquery-3.6.0.min.js 成功加载
- 尝试更换 CDN 地址，比如使用百度或腾讯的镜像
4. 可选：本地存放 jQuery 文件
如果你希望离线使用，可以下载 jQuery 文件到项目目录。
- 去 jquery.com 下载压缩版
- 保存为 js/jquery.min.js
- 在 HTML 中引用：
<script src="js/jquery.min.js"></script>
基本上就这些。只要引入正确，再用 Live Server 打开，jQuery 功能就能正常运行。关键是别指望 VSCode 直接执行 HTML，它只是编辑器，浏览器才是运行环境。
