jQuery和prototype冲突的解决办法： - signingoff - ITeye博客

`

signingoff

浏览: 81664 次
性别:
来自: 福建

最近访客更多访客>>

MarshWinter

ljwbasketball

leijie366

试着无所谓

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

bo_hai：看不明白你写的东西。
svn不控制class文件
董瑞龙：谢谢~转走
eclipse 中快速定位错误的快捷键为CTRL+.
hjh_ali：解释的非常好，一下子就明白了。
jbpm中的泳道

jQuery和prototype冲突的解决办法：

jQuery prototype J#HTML

阅读更多

这两者都有$变量。
根据jQuery官方网站上的说法，可以用如下方式解决：

var $j = jQuery.noConflict();

整个页面的代码如下：

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
    
var $j = jQuery.noConflict();
     $j(document).ready(function(){
       
     });
     function hiddenDiv(){
    	// Use jQuery via $j(...)
		$j("#someid").hide();
		 // Use Prototype with $(...), etc.
	     alert($('someid').innerText);
	 }
   </script>
 </head>
 <body>
 <div id="someid" onClick="hiddenDiv()">我是谁啊</div>
 </body>
 </html>

当然也可以把

var $j = jQuery.noConflict();

放在jquery.js中的最后一行，这样就不需要在每个页面都加上这一行。

分享到：

一个Jquery插件：非常方便地使div居中 | jQuery对widow.onload的解决

2008-07-22 15:36
浏览 1553
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jquery + prototype框架: **jQuery和Prototype框架详解** jQuery和Prototype是两个非常流行的JavaScript库，它们极大地简化了JavaScript的DOM操作、事件处理和动画效果。在这个资源包中，您将找到关于这两个框架的API帮助文档，这对于学习和...

找到了一篇jQuery与Prototype并存的冲突的解决方法: "解决jQuery与Prototype并存的冲突" 在Web开发中，使用JavaScript框架可以帮助我们提高开发效率，但是当我们使用多个JavaScript框架时，可能会出现冲突问题。例如，jQuery和Prototype都是非常流行的JavaScript框架...

jQuery prototype冲突的2种解决方法(附demo示例下载): 本文实例分析了jQuery prototype冲突的2种解决方法。分享给大家供大家参考，具体如下： jquery和prototype怎么会冲突，归根到底就是因为他们二个都用到了$，同时用，混淆了。这个问题解决过不下5次，每次解决都要查...

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

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

解决ecshop中使用jquery冲突问题: 标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下，消除 jQuery 与 Prototype 之间的冲突，以便能够安全地使用 jQuery 的功能，特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...

jquery与js函数冲突的两种解决方法.docx: 在JavaScript的开发环境中，尤其是当使用多个库或框架时，比如jQuery和其他JavaScript库（如Prototype、MooTools等），可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...

关于jQuery库冲突的完美解决办法: 首先，冲突的主要原因是jQuery和其他库（如Prototype）都使用`$`作为它们的主要选择器函数。当两个库同时存在于页面中时，它们都会试图控制`$`变量，从而产生冲突。为了解决这个问题，jQuery提供了一个名为`...

demo47-jQuery冲突问题: 这样，即使在页面中同时存在 jQuery 和 Prototype，我们也能够分别使用 `$j` 和 `$` 来选择不同的库进行操作，从而避免了命名冲突。 #### 更深入的理解 - **`jQuery.noConflict()` 的作用**：当调用 `jQuery....

ecshop transport.js和jquery冲突的问题: 在尝试将ECSHOP与使用jQuery的插件或功能集成时，可能会遇到`transport.js`和`jquery`的冲突问题。本文将详细解析这个问题，并提供解决方案。 ### 问题分析 `transport.js`是ECSHOP的一部分，主要负责AJAX请求的...

Jquery与Prototype混合用法对比: 总结来说，当需要在项目中同时使用jQuery和Prototype时，我们可以选择重命名jQuery的"$"函数，或者使用IIFE（立即执行的函数表达式）来隔离作用域，避免命名冲突。这两种方法都能够有效地解决混合使用这两个库时可能...

jQuery $命名冲突解决方案汇总: $ 是一个常用的标识符，在很多JavaScript库中都有使用，例如Prototype.js和jQuery。当多个库同时被引入到一个页面中时，可能会因为都使用 $ 符号而发生冲突。为此，jQuery 提供了一个名为 noConflict() 的方法，允许...

jQuery核心源码中文注释解读: jQuery.fn = jQuery.prototype = { each: function(fn, args) { ... }, find: function(t) { ... }, // ... }; ``` jQuery的`extend`方法用于合并对象，它既可以用作类方法（`jQuery.extend`），也可以用作实例...

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

jQuery多个版本和其他js库冲突的解决方法: 然而，当在同一个项目中使用多个版本的jQuery或者与其他JavaScript库（如Prototype、MooTools等）一起工作时，可能会出现冲突，主要体现在全局作用域内的`$`符号上。这是因为许多库都使用`$`作为它们的主要函数接口...

Jquery命名冲突解决的五种方案分享: 尤其是在引入jQuery这样的流行库时，由于很多JavaScript库和插件也使用$作为标识符，这很容易导致与其他库的冲突。为了解决这一问题，本文将介绍五种解决jQuery命名冲突的方案。首先，需要了解$符号在jQuery中只是...

Global site tag (gtag.js) - Google Analytics