美文网首页
JQuery.js与JQuery.min.js引入后的区别

JQuery.js与JQuery.min.js引入后的区别

作者: 简单点的笨演员 | 来源:发表于2021-10-31 17:02 被阅读0次

    JQuery.js 是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目。
    JQuery.min.js是由完整版的jQuery库经过压缩得来,如变量的名称基本都写成一个字母,而且格式缩进都被删除了,压缩后功能与未压缩的完全一样。所以文件容量比较小(min),一般在网页中使用这个文件。
    那么,JQuery.js与JQuery.min.js引入到网页后的有什么区别呢?它们能不能同时引入呢?下面我们来试一试看。

    测试网页:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>测试</title>
        <script src="jquery-3.6.0.js"></script>
    </head>
    <body>
    </body>
    </html>
    

    将网页放到服务器上,并用浏览器打开对应的网址,然后再开发者工具console上输入 $ 看看输出:

    ƒ ( selector, context ) {
    
            // The jQuery object is actually just the init constructor 'enhanced'
            // Need init if jQuery is called (just allow error to be thrown if not included)
            return new jQuery.fn.init( selector, context );
    

    下面换为压缩版的jquery-3.6.0.min.js来测试,输出:

    ƒ (e,t){return new S.fn.init(e,t)}
    

    注意:不同的JQuery版本输出可能不同。

    $的输出来看,未压缩版和压缩版的是不一样的函数,所以两者不能同时引入。

    相关文章

      网友评论

          本文标题:JQuery.js与JQuery.min.js引入后的区别

          本文链接:https://www.haomeiwen.com/subject/zlemaltx.html