解决jQuery多个版本，与其他js库冲突方法

旧城等待， 2021-09-17 04:46 384阅读 0赞

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，这个问题 jquery早早就有给我们预留处理方法了，下面一起来看看解决办法。

**1.同一页面jQuery多个版本或冲突解决方法。**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>jQuery测试页</title>
    </head>
    <body>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
    <script> var jq164 = jQuery.noConflict(true); </script>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <script> var jq142 = jQuery.noConflict(true); </script>
    
    <script>
    (function($){
        //此时的$是jQuery-1.6.4
        $('#');
    })(jq164);
    </script>
     
    <script>
    jq142(function($){
        //此时的$是jQuery-1.4.2
        $('#');
    });
    </script>
        
    </body>
    </html>

**2.同一页面jQuery和其他js库冲突解决方法**

jQuery noConflict() 方法  
noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。  
jquery.js在prototype.js之前进行引入,如：

2.1 当然，您仍然可以通过全名替代简写的方式来使用 jQuery：

2.2  您也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用，您可以把它存入变量，以供稍后使用。请看这个例子：

2.3  如果你的 jQuery 代码块使用 简写，并且您不愿意改变这个快捷方式，那么您可以把简写，并且您不愿意改变这个快捷方式，那么您可以把 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外，依旧不得不使用 "jQuery"：

2.4 使用语句块：

这种使用语句块的方法非常有用，在我们自己写jquery插件时,应该都使用这种写法，因为我们不知道具体工作过程中是如何顺序引入各种js库的,而这种语句块的写法却能屏蔽冲突。

**注意:**  
**1.引用javascript类库时，把jQuery引用放在最后面，可以避免冲突。**  
**2.特别要注意jQuery()代替$()时，jQuery是区分大小写的，因为javascript本身就是区分大小写的。**