query和prototype库冲突的解决方法

我们在使用 jQuery 的过程中我们会频繁使用 $ 符号，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，例如如$('#msg')等同于JQuery('#msg')的写法。

在页面中同时引入另一个js类库，并且该类库也是用了 $ 符号时，$ 代表的变量将被覆盖。例如 prototype.js。

我们举个例子：

A.jquery.js 在 prototype.js 之前引入

<script src="jquery.js" type="text/javascript"/> <script src="prototype.js" type="text/javascript"/>

在这种情况下,我们在自己的js代码中如下写的话：

$('#msg').hide();

$此时代表的prototype.js中定义的$符号，如果我们想要调用jquery.js中的工厂选择函数功能的话，只能用全称写法JQuery

('#msg').hide().

B.jquery.js 在 prototype.js 之后引入

在这种情况下,我们在自己的js代码中如下写的话： $('#msg').hide();

$永远代表的是jquery中定义的$符号，也可以写成JQuery('#msg').hide();prototype.js中定义的$则被覆盖了，

解决的方法 1：在编写完使用了 jquery 中的 $的代码后用

JQuery.noConflict();

来让Jquery放弃对$的所有权，将$的控制权交还给prototype.js,因为jquery.js是后引入的，所以最后拥有$控制权的是jquery，当在代码中调用了该方法以后，我们就不可以使用$来调用jquery的方法了，而要使用 jQuery() 方法。

解决的方法 2：自定义jquery 的别名

var $j=JQuery.noConflict(); $j('#msg').hide();//此处$j就代表JQuery

使用如上代码，自此以后$就代表prototype.js中定义的$,jquey.js中的$无法再使用,只能使用$j来作为jquey.js中JQuery的别名了。

转载于:https://www.cnblogs.com/never-giveUp/p/3795296.html

query和prototype库冲突的解决方法相关推荐

jQuery与其它库冲突的解决方法（转）
原文出处:http://www.jb51.net/article/24014.htm 在jQuery库中,几乎所有的插件都被限制在它的命名空间里.全局的对象都很好地存储在jQuery命名空间里,因此当 ...
解决jquery和prototype库冲突问题
解决jquery和prototype库冲突问题参考文章: (1)解决jquery和prototype库冲突问题 (2)https://www.cnblogs.com/Joanna-Yan/p/483 ...
ios 静态库冲突的解决办法
参考:http://www.cnblogs.com/machao/p/5288460.html ios 静态库冲突的解决办法最近在做一个 iOS 的 cocos2d-x 项目接入新浪微博 SDK 的 ...
Git冲突与解决方法【转】
本文转载自:https://www.cnblogs.com/gavincoder/p/9071959.html Git冲突与解决方法 1.git冲突的场景情景一:多个分支代码合并到一个分支时: 情景 ...
element-ui和semantic-ui冲突的解决方法--局部引入semantic-ui的css
element-ui和semantic-ui冲突的解决方法--局部引入semantic-ui的css 参考文章: (1)element-ui和semantic-ui冲突的解决方法--局部引入seman ...
我爱Java系列---【 maven依赖版本冲突的解决方法】
我爱Java系列---[ maven依赖版本冲突的解决方法] 参考文章: (1)我爱Java系列---[ maven依赖版本冲突的解决方法] (2)https://www.cnblogs.com/hu ...
Intellij+maven：jar包冲突的解决方法(Hbase和Guava的冲突)
Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) 参考文章: (1)Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) (2)ht ...
github上的版本和本地版本冲突的解决方法（Updates were rejected because the tip of your current branch is behind）
github上的版本和本地版本冲突的解决方法(Updates were rejected because the tip of your current branch is behind) 参考文章: ...
Github上的版本和本地版本冲突的解决方法
Github上的版本和本地版本冲突的解决方法远程和本地版本冲突情景: 在github上创建项目,然后本地git init 然后没有git pull -f --all 然后git add . | ...

query和prototype库冲突的解决方法

query和prototype库冲突的解决方法相关推荐

最新文章

热门文章