如何检查是否加载了 jQuery

在前端开发中，jQuery 是一个非常常用的 JavaScript 库。但有时候我们会遇到 jQuery 没有正常加载的情况，这时我们需要通过一些方法来检查 jQuery 是否被成功加载，以便及时发现并解决问题。本文介绍几种检查 jQuery 是否加载的方法。

1. 使用 console.log

在加载 jQuery 后，使用 console.log 输出一些 jQuery 对象中的属性看是否存在，如果存在就表示 jQuery 加载成功。

console.log(jQuery.version); // 输出 jQuery 版本号

如果 jQuery 加载成功，控制台中应该输出 jQuery 的版本号。如果提示 jQuery 未定义，则表示 jQuery 没有加载成功。

2. 使用 typeof 检查 jQuery

在加载 jQuery 后，使用 typeof 检查 jQuery 是否被定义。如果 jQuery 被定义，则 typeof 的结果会是 'function' 或 'object'。

if (typeof jQuery === 'function') {
  console.log('jQuery 已加载');
} else {
  console.log('jQuery 未加载');
}

如果 jQuery 已经加载，控制台中应该输出 'jQuery 已加载'。

3. 检查 jQuery 对象是否存在

在执行需要 jQuery 支持的代码前，先检查 jQuery 对象是否存在。如果 jQuery 对象不存在，则表示 jQuery 没有正常加载。

if (jQuery) {
  // 执行需要 jQuery 支持的代码
} else {
  console.log('jQuery 未加载');
}

如果 jQuery 已经加载，代码块中的代码就会被执行。如果提示 jQuery 未定义，则表示 jQuery 没有加载成功。

4. 检查页面 DOM 是否存在

当页面 DOM 加载完成后，使用 jQuery 选择器检查页面元素是否存在。如果页面元素存在，则 jQuery 已经成功加载。

$(document).ready(function() {
  if ($('#elementId').length > 0) {
    console.log('jQuery 已加载');
  } else {
    console.log('jQuery 未加载');
  }
});

如果 jQuery 已经加载，控制台中应该输出 'jQuery 已加载'。

以上是几种检查 jQuery 是否加载的方法，如果 jQuery 未能正常加载，就需要定位原因并解决问题。