jQuery源码分析之noConflict方法

代码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变量也被放弃了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值