在元素 jQuery 之前检查 - Javascript

在进行 jQuery 操作前，需要确保该元素是否已加载。因此，需要进行元素 jQuery 的检查。JavaScript 提供了几种方法来确保元素 jQuery 已经可用。

检查jQuery的方法

方法1：使用window.onload事件

window.onload 事件会在文档及所有其他文件（如图像）都加载完毕后触发。此时，jQuery 库必定已加载完成，可以进行检查。

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

方法2：使用document.ready事件

document.ready 事件会在文档结构完全加载完毕后触发。此时，HTML 元素已完全加载，可以使用 jQuery 操作。

$(document).ready(function() {
  if (typeof jQuery !== 'undefined') {
    console.log('jQuery已加载');
  } else {
    console.log('jQuery未加载');
  }
});

方法3：使用typeof检查

typeof 操作符可以检查全局变量是否已定义。如果 jQuery 被定义，就表明已加载。

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

方法4：使用$.fn.jquery属性

$.fn.jquery 属性可以获得当前网页中 jQuery 的版本号，如果当前页面中 jQuery 已加载则会返回版本号，否则返回 undefined。

if (typeof jQuery === 'undefined') {
  console.log('jQuery未加载');
} else {
  console.log('jQuery已加载，版本号为：' + $.fn.jquery);
}

结论

以上是几种检查 jQuery 的方法。个人建议使用 document.ready 或 typeof 进行检查，因为它们更为简单、直接。不过在某些情况下，如需要加载其他文件时，window.onload 会更为适用。