`
nvry
  • 浏览: 319675 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

解决jquery和prototype不兼容之道

阅读更多

jquery和prototype都是用$代替频繁的document.getElementById()操作,所以它们在一起用的必定会引起冲突,如何让jquery和prototype兼容共存呢,下面由我介绍两种方法:

第一种:先加载prototype,后加载jquery

 <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').hide(); </script> </head> <body></body> </html>

如上所示,红色部分就是对jquery做的一个兼容处理,这样就可以达到 jquery和prototype兼容了。jQuery.noConflict();要放在 最前面,而jquery的代码就要放到 jQuery(document).ready(function($){ ……… }); 内部。

第二种:先加载jquery,后加载prototype

<html>
<head>
   <script src="/jquery.js"></script>
   <script src="/prototype.js"></script>
   <script>
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
</head>
<body></body>
</html>

如上所示,不用调用 jQuery.noConflict();,使用 jQuery(document).ready(function(){ …….. });,在这个函数内部使用jQuery代替$。

分享到:
评论
1 楼 lixiaoqingde 2011-02-17  
赞一个 解决了一个问题~

相关推荐

    jquery + prototype框架

    尽管jQuery和Prototype都提供了丰富的功能,但它们并不完全兼容,因为它们都对JavaScript的原型链进行了扩展。在同一个项目中同时使用这两个库时,可能需要采取一些策略来避免冲突,例如使用`jQuery.noConflict()`来...

    jquery bootstrap prototype框架

    在Web开发领域,jQuery、Bootstrap和Prototype是三个非常重要的框架,它们各自在不同的层面为开发者提供了便利和效率。下面将详细介绍这三个框架的核心概念、特点以及它们在实际开发中的应用。 首先,jQuery是一款...

    俩大JS框架,Jquery和Prototype

    JQuery以其简洁的API和跨浏览器兼容性而闻名,使得开发者可以更快速地编写高效代码。 **主要特性** 1. **选择器**:JQuery支持CSS选择器,使得选取DOM元素变得简单。例如,`$("#myID")`选取ID为"myID"的元素,`$("....

    Js框架Jquery prototype 帮助文档

    虽然两者不能直接混用,但有些情况下可能需要在同一个项目中使用jQuery和Prototype。为了兼容,可以使用`jQuery.noConflict()`来释放`$`符号,以便Prototype继续使用。 总之,jQuery和Prototype都是强大的...

    ie8以下浏览器不兼容jquery解决方案

    以上是解决"ie8以下浏览器不兼容jQuery"问题的一些常见方法。在实际开发中,根据项目需求和用户群体,可能需要权衡性能、兼容性和维护成本,选择最合适的解决方案。同时,随着技术的发展,逐渐放弃对过时浏览器的...

    jsLinb —— 一个不错误的js框架(兼容jQuery, prototype, mootools等其他框架)

    jsLINB是一个完全的浏览器端javascript解决方案,兼容大部分现代浏览器 (IE6.0/IE7.0/firefox1.5/firefox2.0/opera9/Safari2.0,Safari缺乏测试)。它可以帮助程序开发者实现各种类型的RIA应用-在提供更加强大框架的...

    jquery资源包 Jquery是继prototype之后又一个优秀的Javascrīpt框架

    jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 ...

    prototype.chm+jquery详解

    描述中提到的"前一段找了有关prototype和jquery一些相关资料,包括prototype.chm文档,及prototype与jquery详解"表明压缩包中可能包含了一个名为"prototype.chm"的帮助文件,这通常是一个Windows平台下的HTML帮助文档...

    JavaScript libraries--->jQuery, Prototype, Mootools, YUI, Extjs, Dojo

    - jQuery是目前最广泛使用的JavaScript库之一,以其简洁的API和跨浏览器兼容性而闻名。 - 其核心功能包括DOM操作、事件处理、动画效果和Ajax交互。 - `$(selector).action()` 是jQuery的典型语法,使得选择元素和...

    Prototype、JQuery和Mootools的概要图

    Prototype、jQuery和MooTools是三个非常流行的JavaScript库,它们都旨在简化JavaScript编程,提高开发效率。下面将对这三个库进行详细介绍。 Prototype是最早的JavaScript库之一,由Sam Stephenson于2005年创建。它...

    jQueryAPI-100214.rar_prototype

    2. **社区支持**: 相较于Prototype,jQuery拥有更大的社区和更多的插件,开发者可以找到更多解决问题的资源。 3. **性能**: 在某些情况下,Prototype可能比jQuery更快,因为它对DOM的操作更直接。然而,jQuery通过...

    ECShop解决jQuery补丁.zip

    冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错。 解决方案: 根本...

    jquery与js函数冲突的两种解决方法.docx

    jQuery提供了两种主要的方式来解决这种冲突,确保你可以继续使用jQuery的功能而不影响其他库。 **方法一:使用`jQuery.noConflict()`** `jQuery.noConflict()`是jQuery提供的一个功能,它的主要作用是释放`$`这个...

    IE兼容性解决IE兼容性解决IE兼容性解决IE兼容性解决

    在互联网的发展历程中,Internet Explorer(IE)曾是全球最广泛使用的浏览器,但由于其独特的解析方式和不一致的实现标准,IE的兼容性问题一直是开发者头疼的问题。本文将深入探讨如何解决IE兼容性问题,尤其是针对...

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

    当页面上的脚本尝试执行一个$()函数时,浏览器不知道应该调用jQuery的$()函数还是Prototype的$()函数,这就造成了冲突。 为了解决这个问题,jQuery提供了一个名为noConflict()的方法,它允许页面恢复到其他库的$...

    jquery框架的js库

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    jquery-1.2.3.rar

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    jQuery官方最新 jquery-1.6.2

    Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理...

    jQuery实现在线考试答题代码.zip

    Jquery是继prototype之后又一个优秀的Javascrīpt框架,它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供...

    jquery alert 提示框、动态加载提示框、jquery插件

    1. 定义基本结构:封装一个函数,如`$.fn.myAlert = function(options) {...}`,其中`$.fn`是jQuery的prototype,`myAlert`是插件名,`options`是可选参数。 2. 处理选项:解析传入的配置对象,根据需要设置默认值。...

Global site tag (gtag.js) - Google Analytics