jQuery 与 prototype 共存

最新推荐文章于 2025-08-14 17:31:00 发布

转载最新推荐文章于 2025-08-14 17:31:00 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaochao12345/p/4191541.html

文章标签：

#javascript #ViewUI

本文介绍如何在网页中使用jQuery和Prototype库来隐藏特定元素，并提供了三种实现方式，包括直接使用jQuery语法、使用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>  
     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>