jqUary多库共存

    xiaoxiao2021-03-25  103

    此处多库共存指的是:jQuery占用了$ 和jQuery这两个变量名。当在一个页面中引用了jQuery,并且引用的其他库(或者其他版本的jQuery库)中也用到了$或者jQuery这两个变量名,这时就有了多库共存的问题。 // 模拟另外的库使用了 $ 这个变量名。此时,就与jQuery库产生了冲突 var $ = { name : “itecast” }; 解决方式: //让jQuery释放对$的控制权,让其他库能够使用$。此后,只能用jQuery来调用jQuery提供的方法 $.noConflict(); demo实例:: <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title></title>     <script src="jquery-1.12.4.js"></script>     <script>         var jfeng = $.noConflict();         var $ = 123;         var jQuery = 456;         jfeng(function () {             jfeng("button").css("background", "pink");             jfeng("#btn").click(function(){                 alert("太厉害了")             })         })     </script> </head> <body> <button id="btn">按钮</button> </body> </html>
    转载请注明原文地址: https://ju.6miu.com/read-14937.html

    最新回复(0)