判断页面是否含有jQuery.js

Logerlink

于 2019-08-05 10:44:18 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： jQuery 检测jQuery 原生js中的$

本文链接：https://blog.csdn.net/Logerlink/article/details/98479457

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种方法来判断一个页面是否加载了jQuery库。方式一是通过异常检测，揭示了在未引入jQuery的情况下，尝试使用`$`选择器会导致`$ === document.querySelector`的情况。方式二是直接通过代码判断，这是一种简单快捷的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Hello World!

方式一：异常检测

直接上代码

window.checkJQ = function () {
        console.log("正在检测$");
        try {
            let aa = jQuery('.aa');
            //let aa = $('.aa');   不能这样写
        } catch (e) {
            return "FALSE";
        }
        return 'TRUE';
    };

//let aa = $('.aa'); 不能这样写

为何不能这样写？好像原生自动实现$为选择器，去看了文档没找到。。。看下图

在一个完全空白的html中（未加载JQ）测试，可以看出$ === document.querySelector，所以就会出现下图这种情况

所以为什么判断代码中为啥不能这样写——let aa = $('.aa'); 应该知道原因了吧

方式二：直接判断

其实这种方式我后面在baidu上搜才知道的，很是简单快捷，推荐使用

existJq = typeof(jQuery) ==='undefined'
//true
//同理，此处也不能用typeof($)哈
existJq2 = typeof($) ==='undefined'
//false

效果图如下：

疑惑：如何去水印？