代码1:
//因为下面函数的返回值是jQuery对象,以后用x代替$了!只是名字不同而已!
var x=$.noConflict();
var $=123;//到这里$被修改为123,$被写到这里noConflict里面的代码是没有意义的!
x(function()
{
alert($);//打印123
})
//上面把var $=123写在那个位置下面两行代码没有意义的!那么什么时候有意义呢?看下面代码2:
if ( window.$ === jQuery ) {
window.$ = _$;
}
if ( deep && window.jQuery === jQuery ) {
window.jQuery = _jQuery;
}
代码2:
<script>var $=123</script>
<script src="jQuery.1.11.1"></script> //有代码:_jQuery=window.jQuery,_$=window.$;这时候_jQuery=123;
<script>
var x=$.noConflict();
x(function()
{
alert($);//仍然打印123
})
</script>
//上面用_jQuery保存了123以后走了这里的代码,调用库以后window.$肯定等于jQuery
if ( window.$ === jQuery ) {
//调用了noConflict以后,这一句代码就是window.$=123也就是$还是123,jQuery库已经放弃$了!
window.$ = _$;
}
if ( deep && window.jQuery === jQuery ) {
window.jQuery = _jQuery;
}
源码如下:
var
// Map over jQuery in case of overwrite
_jQuery = window.jQuery,
// Map over the $ in case of overwrite
_$ = window.$;
jQuery.noConflict = ( deep ) {
if ( window.$ === jQuery ) {
window.$ = _$;
}
if ( deep && window.jQuery === jQuery ) {
window.jQuery = _jQuery;
}
return jQuery;
};
总结:
(1) 如果没有参数true那么就是放弃$,如果参数是true那么连jQuery变量也被放弃了!