jQuery与其他JS库的共存问题

jQuery.noConflict([extreme])

概述

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

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

参数

extremeBooleanV1.0

传入 true 来允许彻底将jQuery变量还原

示例

描述:

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

第一种方式

/*
* 先引入其他JS库,后引入jQuery
* * "$"符号属于其他JS库
* 解决冲突
* * jQuery中 - "$"符号指代jQuery
* * jQuery中不再使用"$"符号
*/
jQuery(document).ready(function(){
console.log("this is ready.");
});

第二种方式

jQuery(document).ready(function($){
// 在当前函数中使用"$"符号 - jQuery
});
// "$"符号 - 其他JS库

第三种方式

(function($){
// "$"符号 - jQuery
})(jQuery);
// "$"符号 - 其他JS库

第四种方式

jQuery.noConflict();
jQuery(function($){
console.log($("p").text());
});

第五种方式

jQuery.noConflict();
(function($){
console.log($("p").text());
})(jQuery);