解决jquery$命名符和其它框架的冲突问题

jquery提供了一个noConfilict的API来解决冲突。

使用方法：

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

jQuery.noConflict(true)：将$和jQuery的控制权都交还给原来的库。

 

第一种：

   jQuery.noConflict();
   // Do something with jQuery
   jQuery("div p").hide();
   // Do something with another library's $()
   $("content").style.display = 'none';

 

第二种：

jQuery.noConflict();
      (function($) {
          $(function() {
          // more code using $ as alias to jQuery
         });
      })(jQuery);
      // other code using $ as an alias to the other library

 

第三种：

   jQuery.noConflict()(function(){
    // code using jQuery
   }); 
   // other code using $ as an alias to the other library

 

第四种：

   var j = jQuery.noConflict();
   // Do something with jQuery
   j("div p").hide();
   // Do something with another library's $()
   $("content").style.display = 'none';

 

第五种：

   var dom = {};
   dom.query = jQuery.noConflict(true);
   // Do something with the new jQuery
   dom.query("div p").hide();
   // Do something with another library's $()
   $("content").style.display = 'none';
   // Do something with another version of jQuery
   jQuery("div > p").hide();

 

 

 

noConfilict的源码：

   noConflict: function( deep ) {
    if ( window.$ === jQuery ) {
        window.$ = _$;
    }

    if ( deep && window.jQuery === jQuery ) {
        window.jQuery = _jQuery;
    }

    return jQuery;
   },

 

在jquery源码的最开头定义了：

 

   (function(){ 
　　var 
       // 
    _jQuery = window.jQuery,
    _$ = window.$,
       // 
   })();
   为了防止$和就jQuery被覆盖而进行保存。

 

当deep为空的时候，“_$”覆盖“window.$”，“$”的常规功能失效，但jQuery还可以继续使用。当有新的库中重新定义“$”的时候，“jQuery”继续为jQquery的常规功能，而“$”就不是jQuery中的了，它是属于新的库的常规功能；

当deep不为空的时候，它将“_jQuery”覆盖“window.jQuery”，这样导致可能jQuery插件失效；另外方法返回的jQuery，实际上没有被覆盖。通过它完全可以移到新的一个命名空间，如dom.query = jQuery.noConflict(true); dom.query("div p").hide();