jQuery中noConflict()用法实例分析
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下：
jQuery默认使用"$"操作符，$符号只是window.jQuery对象的一个引用，jQuery.noConflict()，这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("divp")的地方，就必须换成jQuery("divp")。
一、"$"操作符
1、jQuery默认使用"$"操作符，prototype等其他框架也是是使用"$"，于是，如果jQuery在其他库之后引入，那么jQuery将获得"$"使用权。这样的情况也很容易理解，毕竟JS是从上到下流式执行的。
2、如果在其他使用"$"的库之前引入jQuery，那么jQuery将不会占用"$"。
提示：在其他JavaScript库为其函数使用$时，该方法很有用。
我们在jquery中获取变量都会使用到$，但是还有很多插件都是可以使用$这个符号了，如果我们同时要引用就会导致出现问题了，jquery为了防止这种事情发生就引入了noconflict()
二、jQuery.noConflict的定义
jQuery.noConflict方法包含一个可选的布尔参数，用以决定移交$引用的同时是否移交jQuery对象本身：
jQuery.noConflict([removeAll])
函数的说明:
缺省情况下，执行noConflict会将变量$的控制权移交给第一个产生$的库；当removeAll设置为true时，执行noConflict则会将$和jQuery对象本身的控制权全部移交给第一个产生他们的库。
三、jQuery.noConflict源码分析
jQuery源码开头，首先做的一件事情是这样的：
//MapoverjQueryincaseofoverwrite _jQuery=window.jQuery, //Mapoverthe$incaseofoverwrite _$=window.$,
容易理解的是，jQuery通过两个私有变量映射了window环境下的jQuery和$两个对象，以防止变量被强行覆盖。一旦noConflict方法被调用，则通过_jQuery,_$,jQuery,$四者之间的差异，来决定控制权的移交方式，具体的代码如下：
noConflict:function(deep){
if(window.$===jQuery){
window.$=_$;
}
if(deep&&window.jQuery===jQuery){
window.jQuery=_jQuery;
}
returnjQuery;
}
再来看上面所说的参数设定问题，如果deep没有设置，_$覆盖window.$，此时jQuery别名$失效，但jQuery本身完好无损。如果有其他类库或代码重新定义了$变量，它的控制权就完全交接出去了。反之如果deep设置为true的话，_jQuery覆盖window.jQuery，此时$和jQuery都将失效。
这种操作的好处是，不管是框架混用还是jQuery多版本共存这种高度冲突的执行环境，由于noConflict方法提供的移交机制，以及本身返回未被覆盖的jQuery对象，完全能够通过变量映射的方式解决冲突。
四、jQuery.noConflict实例
1、将$引用的对象映射回原始的对象：
jQuery.noConflict();
jQuery("divp").hide();//使用jQuery
$("content").style.display="none";//使用其他库的$()
2、恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效：
jQuery.noConflict();
(function($){
$(function(){
//使用$作为jQuery别名的代码
});
})(jQuery);
...//其他用$作为别名的库的代码
3、可以将jQuery.noConflict()与简写的ready结合，使代码更紧凑：
jQuery.noConflict()(function(){
//使用jQuery的代码
});
...//其他库使用$做别名的代码
4、创建一个新的别名用以在接下来的库中使用jQuery对象：
varj=jQuery.noConflict();
j("divp").hide();//基于jQuery的代码
$("content").style.display="none";//基于其他库的$()代码
5、完全将jQuery移到一个新的命名空间：
vardom={};
dom.query=jQuery.noConflict(true);
//结果:
dom.query("divp").hide();//新jQuery的代码
$("content").style.display="none";//另一个库$()的代码
jQuery("div>p").hide();//另一个版本jQuery的代码
希望本文所述对大家的jQuery程序设计有所帮助。