jQuery 与 prototype 共存

最新推荐文章于 2025-08-23 15:32:34 发布

转载最新推荐文章于 2025-08-23 15:32:34 发布 · 403 阅读

文章标签：

#jquery #prototype #function #div #html #import

本文介绍了三种在同一个网页中同时使用jQuery和Prototype库的方法，避免了两者间因符号冲突导致的问题。通过jQuery的noConflict()函数及不同变量名绑定，确保了两个库可以和谐共存并各自正常工作。

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

<html>
<head>
<script src= "prototype.js" ></script>
<script src= "jquery.js" ></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery( "div" ).hide();
});
// Use Prototype with $(...), etc.
$( 'someid' ).style.display = 'none' ;
</script>
</head>
<body></body>
</html>

 
<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();
     
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
 </head>
 <body></body>
 </html>

方式二：

Java代码

<html>
<head>
<script src= "prototype.js" ></script>
<script src= "jquery.js" ></script>
<script>
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j( "div" ).hide();
});
// Use Prototype with $(...), etc.
$( 'someid' ).style.display = 'none' ;
</script>
</head>
<body></body>
</html>

<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     var $j = jQuery.noConflict();
     
     // Use jQuery via $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
 </head>
 <body></body>
 </html>

方式三：

Java代码

<html>
<head>
<script src= "prototype.js" ></script>
<script src= "jquery.js" ></script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$( "div" ).hide();
});
// Use Prototype with $(...), etc.
$( 'someid' ).style.display = 'none' ;
</script>
</head>
<body></body>
</html>

<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();
     
     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
       $("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
 </head>
 <body></body>
 </html>