避免jQuery名字冲突--noConflict()方法

众所周知，在jQuery语法中，$符号是jQuery的简写方式。但在某些情况下，可能需要在同一个页面引入其他javascript库（比如Prototype）。因为$简短方便，很多的库也是使用$符号。为了避免名称冲突，jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库。

　　一般模式：

<script src="prototype.js"></script>//1.包含jQuery之外的库（比如Prototype）
<script src="jquery.js"></script>//2.包含jQuery库取得对$的使用权
<script>jQuery.noConflict();//3.调用noConflict()方法，让出$，把控制权让给最先包含的库
</script>
<script src="myscript.js"></script>

让出$控制权后，需要使用jQuery方法时，则不能用$来调用了，要用jQuery。或者通过定义新的名称来代替$符号。

var jq=jQuery.noConflict();

另外还有一个技巧，可以再.ready()方法中使用$。它的回调函数可以接收一个参数，这个参数为jQuery对象本身，可以重新命名jQuery为$，这样也是不会造成冲突的。

jQuery.(document).ready(function($){//这里可以正常使用$
})

当然，简写方式也是可以的

jQuery(function($){//这里可以正常使用$
})

转载于:https://www.cnblogs.com/web-HCJ/p/5719827.html

避免jQuery名字冲突--noConflict()方法相关推荐

jQuery$命名冲突问题解决方法
也许你在看此文章之前还不知道jquery有一个noConflict()东西了,它就是为了避免与其它js插件碰到相同变量的一个解决方法,利用noConflict()可以把变量存到其它指定的变量中去如,我 ...
jQuery的noConflict()方法
noConflict() jQuery使用$符号,作为jQuery的简写 JavaScript框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.Java ...
jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
为什么80%的码农都做不了架构师?>>> 原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例使 ...
jQuery避免$符和其他JS库冲突的方法对比
jQuery避免$符和其他JS库冲突的方法对比 1.如果jquery库在第三方库之后引用.这个时候jquery库会占用$. 解决办法:剔除$符号的使用权. <script type=" ...
解决jQuery与其他库冲突的方法
通常,当在同一个页面上使用jQuery和其他库时,全局名称$的定义是最大的争论和冲突的焦点.众所周知,jQuery使用$作为jQuery名称的别名,并将其用于jQuery公开的每一个功能,但是其他库, ...
很容易学习的JQuery库 : (八) 杂项 noConflict() 方法
框架并存机制如何在页面上同时使用 jQuery 和其他框架? jQuery 和其他 JavaScript 框架,正如已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写. 如果其他J ...
JQuery 名称冲突
jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式. 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号. jQuery 使用名为 ...
jQuery四、其他方法
零.文章目录 jQuery四.其他方法 1.jQuery 拷贝对象如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法 $.extend([deep], ta ...
一文搞定哈希(六种构建、四种冲突解决方法、查找算法总结)
写在前面:博主是一位普普通通的19届双非软工在读生,平时最大的爱好就是听听歌,逛逛B站.博主很喜欢的一句话花开堪折直须折,莫待无花空折枝:博主的理解是头一次为人,就应该做自己想做的事,做自己不后悔的事 ...

避免jQuery名字冲突--noConflict()方法

避免jQuery名字冲突--noConflict()方法相关推荐

最新文章

热门文章