jQuery 与 prototype 共存

方式一(推荐)

<html>    
<head>    
<script src="boot.js"></script>    
<script>  
var $j = $import("org.jquery.$");  
var $p= $import("net.nioc.prototype.$");  
  
//Use jQuery via $j(...)    
$j(document).ready(function(){    
       $j("div").hide();    
 });   
  
// Use Prototype with $p(...), etc.    
$p('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>

方式三

<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>  
     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>

相关推荐