jQuery 与 prototype 共存

时间:2022-01-28 09:04:26

方法一:

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