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

Jquery和Prototype共存的方法

阅读更多
方式一:
Java代码
   
<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> 
分享到:
评论

相关推荐

    JRails 支持jquery-ui 1.5.1 jQuery1.6

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

    解决其他js和jquery冲突方法

    解决其他js和jquery冲突方法 JS和jQuery是两个非常常用的JavaScript库,但是当它们一起使用时,可能会出现冲突。解决这种冲突的方法是使用noConflict()方法将变量$的控制权让渡给其他库。 在开发过程中,可能还会...

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

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

    jQuery 1.8.0 API 中文手册

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

    ecshop解决jquery冲突js

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

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

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

    jquery学习必备代码和技巧

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

    Head First jQuery中文版

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

    ajax 框架 prototype

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

    jQuery中文入门教程

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

    jQuery高级程序设计目录1

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

    JQuery in Action

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

    jquery 基础学习资料

    `jQuery API`是jQuery函数和方法的官方参考手册,提供了详尽的文档和示例。这个CHM(Compiled HTML Help)文件是离线版的API文档,方便开发者在没有网络的情况下查阅。其中涵盖了以下关键知识点: 1. **选择器**:...

    prototype-1.6.0.2

    Prototype 的核心在于其对 JavaScript 语言的扩展,它引入了一系列实用的类和方法,使得 JavaScript 编程更加面向对象。例如,`$` 函数是 Prototype 最著名的功能之一,用于选择页面上的元素,类似于 jQuery 中的 `$...

    Jquery50个常用用法

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

    jQuery实战

    **五、jQuery与其他库的共存** jQuery的`.noConflict()` 方法允许在同一个页面上使用多个JavaScript库,防止命名冲突。这在需要结合其他JavaScript库(如Prototype、YUI等)时非常有用。 总结,"jQuery实战"教程会...

    50个必备的实用jQuery代码段

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

    《jquery.基础教程》源代码

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

    Manning.jQuery.in.Action.Feb.2008.pdf

    8. **jQuery与其他库的共存**:讲解如何在使用jQuery的同时与其他JavaScript库(如Prototype或MooTools)和平共处,避免命名冲突和资源浪费。 9. **jQuery生态**:介绍jQuery相关的工具和资源,如jQuery UI、jQuery...

Global site tag (gtag.js) - Google Analytics