避免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($){ //这里可以正常使用$ })
以上就是本文的全部内容,希望对大家学习jquery避免冲突方法有所帮助。
相关推荐
-
jQuery中 noConflict() 方法使用
jQuery 和其他 JavaScript 框架正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写. 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 JavaScript 框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.JavaScript MVC.Google Web Toolkit.Google Closure.Ember.Batman 以及 Ext JS. 其中某些框架也使用 $ 符号
-
轻松搞定jQuery.noConflict()
jQuery是目前使用最广泛的前端框架之一,有大量的第三方库和插件基于它开发.为了避免全局命名空间污染,jQuery提供了jQuery.noConflict()方法解决变量冲突.这个方法,毫无疑问,非常有效.遗憾的是,jQuery的官方文档对该方法的描述不够清晰,许多开发者并不清楚当他们调用jQuery.noConflict()时,究竟发生了什么,从而导致在使用时出现了许多问题.尽管如此,jQuery.noConflict()背后实现原理依然值得Web开发者学习掌握,成为解决类似全局命名空间污染
-
jQuery中noconflict函数的实现原理分解
jQuery中,noconflict是用来防止变量冲突,用来释放变量控制权的一个重要方法.我们知道,jQuery中对外提供有两个全局变量,$和jQuery,虽然jQuery只产生了两个全局变量,极少情况下才会出现冲突,但是如果网页中如果包涵较多的类库,有自定义$或jQuery全局变量的存在时,就产生冲突. jQuery提供的noconflict函数很好的解决了变量冲突问题,无论是$或者jQuery冲突都可以解决,接下来我们就来分析一下jQuery的冲突处理. 先来看一下jQuery源码中noco
-
jQuery中noConflict()用法实例分析
本文实例讲述了jQuery中noConflict()用法.分享给大家供大家参考.具体分析如下: jQuery默认使用"$"操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函数将变量$的控制权让渡给第一个实现它的那个库.这有助于确保jQuery不会与其他库的$对象发生冲突.在运行这个函数后,就只能使用jQuery变量访问jQuery对象.例如,在要用到$("div p")的地方,就必须换成jQuery(&
-
三分钟带你玩转jQuery.noConflict()
jQuery是目前使用最广泛的前端框架之一,有大量的第三方库和插件基于它开发.为了避免全局命名空间污染,jQuery提供了jQuery.noConflict()方法解决变量冲突.这个方法,毫无疑问,非常有效.遗憾的是,jQuery的官方文档对该方法的描述不够清晰,许多开发者并不清楚当他们调用jQuery.noConflict()时,究竟发生了什么,从而导致在使用时出现了许多问题.尽管如此,jQuery.noConflict()背后实现原理依然值得Web开发者学习掌握,成为解决类似全局命名空间污染
-
jQuery用noConflict代替$的实现方法
js框架很多的情况下,很容易出现冲突,建议使用noConflict代替$ //消除$对jquery缩写 $.noConflict(); //使用了noConflict后,用$就会无效,应用jQuery jQuery(document).ready(function(){ console.log("sdf"); }) 也可以指定新的代替jQuery的名称 var myjq=$.noConflict(); myjq(document).ready(function(){ console.l
-
『jQuery』名称冲突使用noConflict方法解决
jQuery 使用 $ 符号作为 jQuery 的简介方式. 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号. jQuery 使用名为 noConflict() 的方法来解决该问题. var jq=jQuery.noConflict(),帮助使用自己的名称(比如 jq)来代替 $ 符号. 复制代码 代码如下: <html> <head> <script type="text/javascript" src=&quo
-
jquery插件冲突(jquery.noconflict)解决方法分享
许多的 JS 框架类库都选择使用$符号作为函数或变量名,jQuery是其中最为典型的一个.在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾.jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交. jQuery.noConflict 方法包含一个可选的布尔参数[1],用以决定移交 $ 引用的同时是否
-
避免jQuery名字冲突 noConflict()方法
众所周知,在jQuery语法中,$符号是jQuery的简写方式.但在某些情况下,可能需要在同一个页面引入其他javascript库(比如Prototype).因为$简短方便,很多的库也是使用$符号.为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题.调用该方法可以把对$标识符的控制权让给其他库. 一般模式: <script src="prototype.js"></script>//1.包含jQuery之外的库(比如Prototype
-
jQuery noConflict() 方法用法实例分析
目录 jQuery - noConflict() 方法 jQuery 和其他 JavaScript 框架 jQuery noConflict() 方法 本文实例讲述了jQuery noConflict() 方法用法.分享给大家供大家参考,具体如下: jQuery - noConflict() 方法 如何在页面上同时使用 jQuery 和其他框架? 要解决这个问题,只需要使用jQuery中的noConflict()方法,它允许你在同一个页面加载多个jQuery实例,尤其是不同版本的jQuery.
-
学习jQuery中的noConflict()用法
noConflict() jQuery使用$符号,作为jQuery的简写 JavaScript框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.JavaScriptMVC.GoogleWebToolkit.GoogleClosure.Ember.Batman以及ExtJS等等 其中一些框架也使用$符号作为简写 如果,用的两种不同的框架,使用相同的简写符号,可能导致脚本停止运行 为此,jQuery提供了noConflict()方法 释放标识符 会释放
-
jQuery prototype冲突的2种解决方法(附demo示例下载)
本文实例分析了jQuery prototype冲突的2种解决方法.分享给大家供大家参考,具体如下: jquery和prototype怎么会冲突,归根到底就是因为他们二个都用到了$,同时用,混淆了.这个问题解决过不下5次,每次解决都要查一下.淡疼,嘿嘿. 方法一.在jquery的核心库文件中加代码. 1.一般是jquery.js,或者jquery.min.js,有的带版本号的.知道是哪个文件就行. })( window ); jQuery.noConflict(); //最后面,加上这一行. 2.
-
jQuery自定义添加"$"与解决"$"冲突的方法
本文实例讲述了jQuery自定义添加"$"与解决"$"冲突的方法.分享给大家供大家参考.具体分析如下: 1.自定义添加$ 虽然jQuery很强大,但无论如何,jQuery都不可能满足所有用户的需求,而且有一些需求十分小众,也不适合放到整个jQuery框架中,正是因为这一点,jQuery提供了用户自定义添加"$"的方法. 代码如下: 复制代码 代码如下: $.fn.disable = function() { return this.each(f
-
在jQuery中使用$而避免跟其它库产生冲突的方法
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突.下面以引入两个库文件jquery.js和prototype.js为例来进行说明. 第一种情况:jquery.js在prototype.js之后进行引入,如: <script src="prototype.js" type=&qu
-
快速解决jQuery与其他库冲突的方法介绍
通常,当在同一个页面上使用jQuery和其他库时,全局名称$的定义是最大的争论和冲突的焦点.众所周知,jQuery使用$作为jQuery名称的别名,并将其用于jQuery公开的每一个功能,但是其他库,最著名的就是Prototype,也使用$名称. 1. jQuery提供了$.noConflict()实用函数用来放弃对$标识符的占用,以便其他库使用它. 该函数的语法如下:$.noConflict(jqueryToo) 将标识符$的控制权归还给其他库,允许在页面上混合使用jQuery与其他库.一旦执
-
让jQuery与其他JavaScript库并存避免冲突的方法
为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数,为此jQuery提供了如下方法: 复制代码 代码如下: //取消jQuery中的$()函数 jQuery.noConflict() ; 将上面的粗体字代码放在JavaScript代码的第一行,这行代码就会取消jQuery的$()函数 注:其实只是取消了jQuery()函数的$()别名,因此我们依然可以使用jQuery来代替原来的$(). 除此之外,多次重复书写jQuery()也是很烦琐的事情,j
-
jQuery冲突问题解决方法
在前端开发中,$是jQuery中的一个函数,如果$的参数不同,那实现的功能不同.在编程过程中,$作为一个符号,可能与其他文件中的定义名称相冲突.那这个冲突如何处理呢?本文小编介绍两种方法: 1.通过jQuery框架中释放 $ 符号的使用权解决: 2.使用自定义访问符号解决. 方法一:通过jQuery框架中释放 $ 符号的使用权解决 处理说明:$只是jquery的一个别名而已,如果需要使用 jquery 之外的另一 js 库,可以通过调用 $.noConflict() 向该库返回控制权. jQue
随机推荐
- vbs实现unicode和ascii编码转换
- AngularJS解决ng-if中的ng-model值无效的问题
- iOS中关于Cookie验证登录状态
- python正则表达式判断字符串是否是全部小写示例
- 详细解读MySQL中COUNT函数的用法
- JavaScript中的property和attribute介绍
- Node.js中的流(Stream)介绍
- js获取及判断键盘按键的方法
- 动态设置form表单的action属性的值的简单方法
- 简单实现Android本地音乐播放器
- ORACLE 超长字符串问题的解决办法
- Android 文件读写操作方法总结
- 在ASP.NET 2.0中操作数据之六:编程设置ObjectDataSource的参数值
- Android中AsyncTask详细介绍
- php使用memcoder将视频转成mp4格式的方法
- PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
- Android Bitmap的截取及状态栏的隐藏和显示功能
- 解析Vue2 dist 目录下各个文件的区别
- vue解决使用webpack打包后keep-alive不生效的方法
- java 直接调用python脚本,并传递参数代码实例