jQuery解决冲突的五种方法

1.Jquery.js在其它javascript库之后引入

第一种方法:

任何时候可使用jQuery.noConflict将$控制权移交给其它js库,实例代码如下:

	jQuery.noConflict();				//将变量$的控制权移交给其它javascript库
	jQuery(function(){					//使用jQuery
		jQuery(sel).func_name..		
	})
	$(sel).style.display = 'none';		//使用prototype.js

第二种方法:

使用自定义快捷方式, 将$重命名成其它变量,并使用其执行jQuery的操作:

			var $j = jQuery.noConflict();		//将变量$的控制权移交给其它javascript库
			$j(function(){
				$j(sel).func_name..
			})
			$(sel).style.display = 'none';		//使用prototype.js

第三种方法:

如想继续使用$变量时:

			jQuery.noConflict();				//将变量$的控制权移交给其它javascript库
			jQuery(function($){
				$(sel).func_name..
			})
			$(sel).style.display = 'none';		//使用prototype.js

第四种方法:

使用匿名函数:

			jQuery.noConflict();				//将变量$的控制权移交给其它javascript库
			(function($){						//定义匿名函数并设置形参为$
				$(function(){
					$(sel).func_name...			//匿名函数内部的$均为jQuery
				})
			})(jQuery);
			$(sel).style.display = 'none';		//使用prototype.js

2.Jquery.js在其它javascript库之前引入

直接使用jQuery来代替$

	jQuery(function(){
		jQuery(sel).func_name...
	})
	$(sel).style.display = 'none';		//使用prototype.js