多个jQuery版本共存的处理方案_jquery
2020-11-27
来源：二三四教育网
你可能会问，为什么需要在一个页面上让多个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可以这样实现：
代码如下:
显示全文