`
胡小米
  • 浏览: 77356 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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>  
分享到:
评论

相关推荐

    jquery学习必备代码和技巧

    #### 二、解决jQuery与Prototype共存,$全局变量冲突问题 在项目中同时使用多个JavaScript库时,可能会遇到命名空间冲突的问题。例如,jQuery和Prototype都使用`$`作为它们的主要函数符号。为了避免这种冲突,可以...

    Jquery50个常用用法

    解决jQuery与Prototype共存的问题 - **应用场景**: 在同一项目中同时使用jQuery和Prototype框架时,避免两者之间 `$` 符号冲突。 ```html &lt;script src="prototype.js"&gt; ...

    JRails 支持jquery-ui 1.5.1 jQuery1.6

    也支持JQuery与Prototypea共存,方法如下: 1、将jquery.js放到prototype.js后面(这个是必须的否则无论如何还是要罢工地)。 2、在jquery.js后面将$变量重命名。 方法如下: [复制此代码]CODE: ...

    解析jQuery与其它js(Prototype)库兼容共存

    其中,jQuery和Prototype是两个非常流行的JavaScript库。但是,这两个库都使用了美元符号($),作为它们的快捷引用,这就导致了库之间的冲突。为了解决这个问题,jQuery提供了一个非常实用的方法,即jQuery.noConflict...

    ecshop解决jquery冲突js

    然而,在实际应用中,由于各种第三方插件和库的引入,可能会出现JavaScript库之间的冲突,尤其是当JQuery与其他使用$符号作为主要作用域的库(如Prototype或MooTools)同时存在时。标题中的"ecshop解决jquery冲突js...

    prototype 开发应用手册,笔记,prototype.js文件下载

    学习Prototype开发应用手册,你还可以掌握到 Prototype 如何与其他库(如jQuery、MooTools等)共存的策略,以及如何有效地利用Prototype进行模块化开发。同时,通过阅读源码,开发者可以深入理解其内部机制,提升...

    jQuery中文入门教程

    在压缩包中,出现了"prototype.js",这表明教程可能涉及jQuery与Prototype库的共存问题。在使用jQuery时,通常需要考虑与其他库的兼容性,可以通过`$.noConflict()`方法来释放jQuery的 `$` 符号,避免与其它库冲突。...

    jQuery 1.8.0 API 中文手册

    jQuery 插件通常是扩展其功能的一种方式,通过 `.extend()` 方法可以将新功能添加到jQuery对象或$.fn(即jQuery.prototype)上,使它们成为可链式调用的方法。 **性能优化** 1. **$(document).ready()**: 页面加载...

    JQuery in Action

    - jQuery与 Prototype、MooTools等其他JavaScript库的共存策略。 - jQuery与AngularJS、React等现代前端框架的配合使用。 4. **性能优化** - 减少DOM操作次数以提升性能。 - 使用事件代理提高事件处理效率。 -...

    Head First jQuery中文版

    7. **jQuery与其他库的共存**:学习如何在使用jQuery的同时,兼容其他JavaScript库,如Prototype或 MooTools,了解$.noConflict()的作用。 8. **性能优化**:理解DOM操作和动画对页面性能的影响,学习最佳实践以...

    ajax 框架 prototype

    标题提到的是"ajax框架prototype",而描述则涉及到对Prototype和jQuery的比较以及两者共存的问题。 Prototype是最早的JavaScript库之一,它以强大的DOM操作和类系统著称。Prototype的核心是其对JavaScript原生对象...

    jQuery高级程序设计目录1

    多库共存是一个实际开发中常见的情况,jQuery通过$.noConflict()方法可以释放$符号,允许与其他库如 Prototype 共存。 在第二章,我们关注jQuery的核心机制。"无new构建"意味着可以通过不使用new关键字创建jQuery...

    解决其他js和jquery冲突方法

    在使用 jQuery 开发时,可能还会遇到其他问题,例如如何正确地使用 jQuery 库,如何避免与其他库的冲突等。解决这些问题需要对 jQuery 库有深入的了解,並掌握一定的编程技巧。 在实际开发中,可能还需要使用到其他...

    50个必备的实用jQuery代码段

    解决jQuery与Prototype框架共存问题 在项目中同时使用jQuery与Prototype时,可能会遇到$全局变量冲突的问题。解决这一问题的常见方法是使用`jQuery.noConflict()`,这将jQuery对$的引用释放出来,允许其他库使用$...

    jquery 基础学习资料

    7. **jQuery与其他库的兼容**:介绍如何在已有JavaScript代码基础上集成jQuery,以及与其他库如Prototype、MooTools的共存策略。 通过结合这两个资源,学习者不仅可以理解jQuery的基本概念,还能进一步掌握实际项目...

    prototype-1.6.0.2

    例如,`$` 函数是 Prototype 最著名的功能之一,用于选择页面上的元素,类似于 jQuery 中的 `$`。此外,它还提供了一套强大的事件处理机制,使得处理用户交互变得更加简单。 在 `prototype-1.6.0.2.js` 文件中,你...

    《jquery.基础教程》源代码

    6. **jQuery与其他库的兼容性**:jQuery通常与其他JavaScript库如Prototype、MooTools等能良好共存,通过使用$.noConflict()方法可以避免命名空间冲突。 7. **jQuery插件**:jQuery拥有丰富的插件生态系统,如...

    prototype的ajax应用

    尽管Prototype提供了自己的DOM操作和事件处理,但也可以与其他库如jQuery、MooTools等共存,只要正确管理命名空间。 综上所述,Prototype库的AJAX应用提供了一套全面且易于使用的工具集,简化了Web开发中涉及的...

Global site tag (gtag.js) - Google Analytics