解决jquery 与其它库的冲突

两种情况具体分析：

1. jquery库在其它库之前导入：（推荐使用）

<!-- 引入 jQuery --><script src="../../scripts/jquery.js" type="text/javascript"></script><

!-- 引入 prototype --><script src="lib/prototype.js" type="text/javascript"></script>

<script type="text/javascript">jQuery(function(){ 

//直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。  

jQuery("p").click(function(){  

alert( jQuery(this).text() );  

});});

$("pp").style.display = 'none'; //使用prototype

</script>

2. jquery库在其它库之后导入：

jQuery库在其他库之后导入，$的归属权默认归后面的jQuery所有。

在其他库和jQuery库都被加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库。

此时，要分四种情况分析：

第一种：

<!-- 引入 prototype --><script src="lib/prototype.js" type="text/javascript"></script>

<!-- 引入 jQuery --><script src="../../scripts/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

jQuery(function(){ //使用jQuery  

jQuery("p").click(function(){  

alert( jQuery(this).text() );  

});});

$("pp").style.display = 'none'; //使用prototype.js隐藏元素

</script>

第二种：自定义一个快捷方式。

<!-- 引入 prototype -->

<script src="lib/prototype.js" type="text/javascript"></script>

<!-- 引入 jQuery -->

<script src="../../scripts/jquery.js" type="text/javascript"></script>

var $j = jQuery.noConflict();

$j(function(){

$j("p").click(function(){

alert($j(this).text();

});

});

$("pp").style.display = 'none'; //使用prototype

第三种：$交给prototype，然后使用匿名函数的闭包，jQuery作为闭包的参数，在闭包中使用$来接收参数，

那么在闭包中也可以使用$来作为jQuery的快捷方式。

<!-- 引入 prototype -->

<script src="lib/prototype.js" type="text/javascript"></script>

<!-- 引入 jQuery -->

<script src="../../scripts/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

(function($){ //定义匿名函数并设置形参为$  

$(function(){ //匿名函数内部的$均为jQuery  

$("p").click(function(){ //继续使用 $ 方法  

alert($(this).text());  

});  

}); 

})(jQuery); //执行匿名函数且传递实参jQuery

$("pp").style.display = 'none'; //使用prototype

</script>

这应该是最理想的方式，因为已通过改变最少的代码来实现全面的兼容性。