通过 console 添加 jQuery - JavaScript

在 web 开发中，经常需要引用 jQuery 库来简化操作和提高效率。而在调试和测试过程中，我们有时需要在控制台中添加 jQuery 库以便更好地进行调试和实验。

首先，我们需要了解几个关键点：

1. jQuery 是一个 JavaScript 库，可以通过引入 https://code.jquery.com/ 中的 jQuery 文件来使用。
2. 控制台 (console) 是浏览器提供的调试工具，可以通过浏览器的开发者工具打开。
3. 在控制台中，我们可以直接运行 JavaScript 代码。

前置知识：

1. 开启浏览器开发人员工具（Developer Tools）：可以通过按 F12 或右键检查元素来打开。
2. 熟悉控制台界面：一般控制台会分为两个区域，上方为控制台面板，下方为命令输入区（一般为 > 符号）。

步骤：

1. 打开控制台，并切换到 Console 选项卡；
2. 输入以下代码并回车：

var jq = document.createElement('script');
jq.src = "https://code.jquery.com/jquery-3.6.0.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

3. 当前页面成功引入 jQuery 后，我们就可以在控制台中使用 jQuery 了。
4. 例如，在控制台中输入 $('body').css('background-color', 'red'); 就可以将页面背景颜色变为红色。

注意点：

1. 添加 jQuery 库后，只有当前浏览页面可以使用该库，切换页面该库就不再存在。
2. 在页面中添加 jQuery 库常用语句如下：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

以上为添加 jQuery 库的基础知识，希望能对开发和调试过程有所帮助。