检查是否已加载jquery

如果您正在使用jquery，则必须在网页上加载jquery库。 在某些情况下，您可能需要检查是否已加载jquery。本文将介绍如何检查是否已加载jquery。

方法一：检查全局变量

jquery库将创建全局变量 $ 或者 jQuery， 您可以使用以下方法检查全局变量是否存在：

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

如果jquery已加载，则检查typeof jQuery应返回"function"。

另外，如果您要检查的库不是jquery，则只需要将变量名更改为相应的名称即可。

方法二：检查script标签

您可以检查包含jquery的script标签是否已经在DOM中添加。此方法可能更可靠，因为可能有其他库也可能使用全局变量$或者jQuery。

var scripts = document.getElementsByTagName('script');
var jquery_loaded = false;
for (var i = 0; i < scripts.length; ++i) {
    if (scripts[i].src.indexOf('jquery') !== -1) {
        jquery_loaded = true;
        break;
    }
}
if (jquery_loaded) {
    console.log('jQuery 已加载');
} else {
    console.log('jQuery 未加载');
}

方法三：使用jQuery.ready()

jQuery有一个内置方法$(document).ready()，它会在jquery库加载完成后触发。如果您想在jquery加载完成后执行某些操作，则可以使用此方法。

$(document).ready(function() {
    console.log('jQuery 已加载');
});

结论

以上方法都可以检查jquery是否已加载。如果您还有其他方法，请在下面的评论中与我们分享。