如何检查是否加载了 jQuery 元素 - JavaScript

在开发过程中，我们经常需要使用 jQuery，但是有时候我们并不确定 jQuery 是否被成功加载。在这篇文章中，我们将介绍如何通过 JavaScript 检查是否加载了 jQuery 元素。

方法一：使用 typeof 检查

我们可以使用 typeof 操作符来检查 jQuery 是否被定义。当 jQuery 已经被成功加载时，我们可以使用 $ 符号来访问 jQuery 中的函数和变量。因此，我们可以通过如下方式来检查 jQuery 是否被定义：

if (typeof $ !== 'undefined') {
  // jQuery 已经被成功加载
} else {
  // jQuery 没有被成功加载
}

方法二：使用 document.ready 检查

另一种检查 jQuery 是否被定义的方式是使用 $(document).ready() 函数。在 jQuery 成功加载后，$(document).ready() 函数会被执行。我们可以通过如下方式来检查 jQuery 是否被成功加载：

$(document).ready(function() {
  // jQuery 已经被成功加载
});

if (typeof $ === 'undefined') {
  // jQuery 没有被成功加载
}

方法三：使用 console.log 打印

最简单的方式是使用 console.log() 打印 jQuery 变量，如果 jQuery 有被成功加载的话，控制台上将会输出以下信息：

function (a,b){return new n.fn.init(a,b)}

如果 jQuery 没有被成功加载，则会在控制台上输出如下信息：

undefined

因此，我们可以通过如下方式来检查 jQuery 是否被成功加载：

console.log($);

结论

以上是检查 jQuery 是否被加载的三种方式。无论你选择哪种方式，都应该可以在代码中判断是否成功加载了 jQuery。