JQuery系列之多库共存

---

实际开发中，很多项目连续开发十多年，JQuery版本不断更新，最初的 JQuery 版本无法满足需求，这时就需要保证在旧有版本正常运行的情况下，新的功能使用新的JQuery版本实现，这种情况被称为，JQuery 多库共存。

一、概述

运行这个函数将变量$的控制权让渡给第一个实现它的那个库。

这有助于确保JQuery不会与其他库的$对象发生冲突。 在运行这个函数后，就只能使用JQuery变量访问JQuery对象。例如，在要用到 $("div p") 的地方，就必须换成 JQuery("div p") 。 ‘‘注意:’‘这个函数必须在你导入JQuery文件之后，并且在导入另一个导致冲突的库’’‘之前’''使用。当然也应当在其他冲突的库被使用之前，除非JQuery是最后一个导入的。

二、语法

jQuery.noConflict([extreme]);
1

三、参数

• extreme：【Boolean】传入 true 来允许彻底将jQuery变量还原

四、示例

将$引用的对象映射回原始的对象。

jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = "none";
1
2
3
4
5

恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

jQuery.noConflict();
(function ($) {
	$(function () {
		// 使用 $ 作为 jQuery 别名的代码
	});
})(jQuery);
// 其他用 $ 作为别名的库的代码
1
2
3
4
5
6
7

创建一个新的别名用以在接下来的库中使用jQuery对象。

var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = "none";
1
2
3
4
5

完全将 jQuery 移到一个新的命名空间。

var dom = {};
dom.query = jQuery.noConflict(true);
1
2

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！