很多前端开发者都熟悉 jQuery，因为它是一个非常流行的 JavaScript 库。但有时我们可能需要加载 jQuery 的代码，而此时页面上还没有加载 jQuery 的 script 标签，这时该怎么办呢？
以下是一些解决方案。
1. 使用 CDN
CDN 是 Content Delivery Network 的缩写，它可以加速 web 页面的加载速度。我们可以使用 jQuery 的 CDN 来加载它的脚本。以下是调用 jQuery 的 CDN 代码：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
此代码将从 jsDelivr 提供的 CDN 加载 jQuery 库，如果页面已经有了 jQuery 的 script 标签，则该代码不会导致重复加载。
2. 检查 jQuery 是否已经加载
我们可以编写一段代码来检查页面上是否已经有了 jQuery 的 script 标签。如果存在，则我们可以使用 $ 或 jQuery 这两个变量直接调用 jQuery。如果不存在，则我们可以使用 JavaScript 动态创建 script 标签，并将其添加到页面中。以下是检查并动态加载 jQuery 的示例代码：
-- -------------------- ---- -------
-- ------- ------ -- ------------ -
--- ------ - ---------------------------------
----------- - ------------------
---------- - ---------------------------------------------------------------
-------------------------------------------------------------
-
------------ -
-- --------- ------ ---
---以上代码首先检查 jQuery 是否已经被定义，如果没有定义，则动态创建一个 script 标签，并将其添加到 head 元素中。然后，我们在 $ 或 jQuery 函数内部编写需要使用 jQuery 的代码。
3. 使用 AMD 或 CommonJS 模块加载器
如果你正在使用 AMD 或 CommonJS 模块加载器（如 RequireJS 或 Browserify），则可以使用它来加载 jQuery。以下是使用 RequireJS 加载 jQuery 的示例代码：
require(['jquery'], function ($) {
// 在此处编写需要使用 jQuery 的代码
});如果页面上已经存在 jQuery 的 script 标签，则该代码不会导致重复加载。
结论
当你需要加载 jQuery 的代码时，如果页面上已经有了 jQuery 的 script 标签，则直接使用 $ 或 jQuery 变量即可。否则，你可以使用 CDN、动态创建 script 标签或模块加载器来加载 jQuery。
一定要注意避免重复加载 jQuery，因为这会增加页面的加载时间并可能导致错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28937