如何检查是否加载了 jQuery 插件？

当我们在进行 Web 开发时，有时会需要使用一些 jQuery 插件来实现一些功能，但是在页面加载了很多 JavaScript 文件后，我们有时会忘记是否已经加载了某个插件。那么，如何检查是否加载了 jQuery 插件呢？以下是几种方法：

方法一：查看页面源代码

在页面源代码中搜索插件文件名，看是否存在。如果存在，则插件已经被加载。但是，这种方法并不可靠，因为插件文件名可能会被修改。

方法二：查看开发者工具

在浏览器中打开开发者工具，切换到 Network 标签页，在筛选器中选择 JS，然后刷新页面。如果在列表中看到插件文件名，说明插件已经被加载。

![开发者工具](https://i.imgur.com/guXrJrP.png)

方法三：查看全局变量

有些插件会在全局作用域下暴露一个对象或函数，我们可以检查这些对象或函数是否存在来判断插件是否被加载。例如，jQuery UI 插件会在全局作用域下暴露一个 $ 对象和一个 $.ui 对象。

if (typeof $ === "undefined" || typeof $.ui === "undefined") {
  console.log("jQuery UI 插件未加载");
} else {
  console.log("jQuery UI 插件已加载");
}

方法四：使用 JavaScript API

我们可以使用 jQuery 提供的 $().data() 方法来检查一个元素上是否有绑定某个插件。例如，Bootstrap 插件会在元素上绑定一个 data-toggle 属性。

if ($("[data-toggle='tooltip']").data("bs.tooltip") === undefined) {
  console.log("Bootstrap tooltip 插件未加载");
} else {
  console.log("Bootstrap tooltip 插件已加载");
}

以上是几种检查 jQuery 插件是否加载的方法，根据不同的情况选择合适的方法即可。