当前位置：Gxlcms > JavaScript > 多个jQuery版本共存的处理方案_jquery

多个jQuery版本共存的处理方案_jquery

时间：2021-07-01 10:21:17 帮助过：15人阅读

如何在一个页面上让多个jQuery共存呢？比如jquery-1.5和jquery-1.11。

你可能会问，为什么需要在一个页面上让多个jQuery共存？直接引用最新版本的jQuery不行吗？

答案是，不行。因为现实生活是非常残酷的。举个栗子：

现有网站已经引用了jQuery 1.5以及相关插件。如果直接将jQuery升级到最新版，这些插件就不工作了，除非你能把这些插件全部升级，或者等各个插件的作者发布支持最新版jQuery的版本。

现在，如果我们要基于jQuery开发新的插件或者写JavaScript代码，用新版本会比较省时省力。

但旧版本又绝对不能扔掉，怎么办？

方法是通过jQuery的noConflict()来让多版本共存。

当我们导入jQuery时，jQuery仅向window这个全局空间注入两个变量：

代码如下:

window.$ = window.jQuery = { jQuery object };

同时，jQuery内部保留旧的window.$和window.jQuery对象的引用。当我们调用：

代码如下:

var $jq = $.noConflict();

window.$被恢复，但window.jQuery仍是jQuery。

当我们调用：

代码如下:

var $jq = $.noConflict(true);

window.$和window.jQuery都被恢复了，一切看起来就像jQuery从未被导入过一样，只不过可以通过变量$jq来使用jQuery。

所以，让新旧版本共存的jQuery可以这样实现：

代码如下: