jQuery和prototype冲突的解决办法：

最新推荐文章于 2021-10-04 11:16:42 发布

转载最新推荐文章于 2021-10-04 11:16:42 发布 · 915 阅读

文章标签：

#prototype #jquery #function #html #div

asp.net编程思想专栏收录该内容

51 篇文章

订阅专栏

本文介绍如何在同一项目中使用jQuery和Prototype两个库时避免冲突。通过调用`jQuery.noConflict()`方法并创建新的别名来区分这两个库的使用，确保项目稳定运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery和prototype冲突的解决办法：

这两者都有$变量。
根据jQuery官方网站上的说法，可以用如下方式解决：

Js代码

var $j = jQuery.noConflict();

var $j = jQuery.noConflict();

整个页面的代码如下：

Html代码

<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
ar $j = jQuery.noConflict();
$j(document).ready(function(){
});
function hiddenDiv(){
// Use jQuery via $j(...)
$j("#someid").hide();
// Use Prototype with $(...), etc.
alert($('someid').innerText);
}
</script>
</head>
<body>
<div id="someid" onClick="hiddenDiv()">我是谁啊</div>
</body>
</html>

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
    
var $j = jQuery.noConflict();
     $j(document).ready(function(){
       
     });
     function hiddenDiv(){
    	// Use jQuery via $j(...)
		$j("#someid").hide();
		 // Use Prototype with $(...), etc.
	     alert($('someid').innerText);
	 }
   </script>
 </head>
 <body>
 <div id="someid" onClick="hiddenDiv()">我是谁啊</div>
 </body>
 </html>

当然也可以把

Js代码