noConflict

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 49 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aishangyizhihu/p/4211834.html

文章标签：

#javascript #ViewUI

本文详细解释了jQuery noConflict()方法的工作原理，包括如何保存已存在的jquery和$变量，以及如何在页面中正确加载顺序。通过示例代码，展示了如何使用noConflict()方法来避免冲突并保持代码的整洁。

// Map over jQuery in case of overwrite
//用_jQuery保存已存在的window.jQuery
	_jQuery = window.jQuery,

	// Map over the $ in case of overwrite
//用_$保存已存在的window.$
	_$ = window.$,

jQuery.extend({
	noConflict: function( deep ) {
　　　　　　　　　　//此时的$如果等于jq，则让位给以前的保存的_$
		if ( window.$ === jQuery ) {
			window.$ = _$;
		}
　　　　　　　　　　//同上，加了一个deep判断，是否联通jQuery一起让出去
		if ( deep && window.jQuery === jQuery ) {
			window.jQuery = _jQuery;
		}
		return jQuery;
	}
//....
window.jQuery = window.$ = jQuery;
})();

注释基本已经比较清晰了，先保存已存在的jquery，$,然后，再去把jq里面的这些变量让位出去，所以这里在页面中的加载顺序，应该是先其它的js，然后jq，再调用noConflict()；

同时也可以看出，这个让位，是把变量（jquery,$）让位到上一个声明它的（如果有多个js引用里面好几个用到了jquery、$）。

转载于:https://www.cnblogs.com/aishangyizhihu/p/4211834.html