`

jQuery中函数变量$冲突的解决办法

 
阅读更多

 最近项目中,使用jQuery发现其中的函数变量$与其它JS框架冲突。google后发现一个解决办法:

var jQuery=jQuery.noConflict();

       在使用 jQuery.noConflict();后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p") .

       在jQuery1.3.2中,解决函数变量“$”冲突问题,对JS类库的引入顺序没有特殊要求。只要jQuery.noConflict(true);在jQuery的引入后执行即可。

 jQuery.noConflict()函数的源码为:

noConflict: function( deep ) {

window.$ = _$;

if ( deep )

window.jQuery = _jQuery;

return jQuery;

}

创建一个新的别名用以在接下来的库中使用jQuery对象。

         jQuery 代码:

                var j = jQuery.noConflict();

         // 基于 jQuery 的代码

                j("div p").hide();

        // 基于其他库的 $() 代码

               $("content").style.display = 'none';

 jQuery.noConflict(true)则不仅可以防止$冲突,还可以防止jQuery这个关键词冲突。

jQuery 代码:

       var j = jQuery.noConflict(true);

// 基于 jQuery 的代码

       j("div p").hide();

 // 基于其他库的 $() 代码

      $("content").style.display = 'none';

// 基于其他库(或版本)的

jQuery() 代码

     jQuery("#abc").html("这种情况很少见!");

分享到:
评论

相关推荐

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

    如果您还有别的要求,想继续使用原先的$(),同时还需要与别的类库不冲突的话,还有两种解决方法 其一: 代码如下: jQuery.noConflict(); jQuery(function($) { $(“p”).click(function() //在函数内继续可以使用...

    jQuery $命名冲突解决方案汇总

    因为许多JavaScript 库使用$作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用jquery 之外的另一js库,我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决这一...

    jQuery中noconflict函数的实现原理分解

    jQuery提供的noconflict函数很好的解决了变量冲突问题,无论是$或者jQuery冲突都可以解决,接下来我们就来分析一下jQuery的冲突处理。 先来看一下jQuery源码中noconflict的实现: (function(window,undefined){ var ...

    解决jquery插件冲突的问题

    结果上网搜了搜,解决办法有如下 jQuery.noConflict() 概述运行这个函数将变量$的控制权让渡给第一个实现它的那个库。 这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量...

    jQuery 美元符冲突的解决方法

    jQuery.noConflict() 的详细介绍: 概述 运行这个函数将变量$的控制权让渡给第一个实现它的那个库,这有助于确保jQuery不会与其他库的$对象发生冲突,在运行这个函数后,就只能使用jQuery变量访问jQuery对象。...

    jQuery中noConflict()用法实例分析

    本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下: jQuery默认使用”$”操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函数将变量$的控制权让渡给第一...

    jquery插件冲突(jquery.noconflict)解决方法分享

    许多的 JS 框架类库都选择使用$符号作为函数或变量名,jQuery是其中最为典型的一个。在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强...

    jQuery详细教程

    jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    如何解决jQuery 和其他JS库的冲突

    在 jQuery 库中,几乎所有的插件都被...在其他库和 jQuery 库都被加载完毕后,可以在任何时候调用 jQuery.noConflict() 函数来将变量 $ 的控制权移交给其他 JavaScript 库。示例如下: <!DOCTYPE html PUBLIC -//W3

    jQuery与其它库冲突的解决方法

    (注意:默认情况下,jQuery用$作为自身的缩写而以) 如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库。看下面小片断代码 [removed][removed] ...

    JavaScript自执行函数和jQuery扩展方法详解

    在JS中,作用域是通过函数来划分的,将JS代码封装到函数中进行调用可以避免变量名/函数名冲突的问题,但是这也并不是万无一失,因为封装函数本身有可能和其它函数重名,解决方案:自执行函数。 自执行函数是用一对圆...

    transport.js

    替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身...

    jQuery完全实例.rar

    jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

    jquery封装插件时匿名函数形参和实参的写法解释

    在jquery插件中我们经常看到以下这段代码 ;(function ( $, window, document, undefined ){ ...避免函数体内和外部的变量冲突。 3、$实参:$是jquery的简写,很多方法和类库也使用$,这里$接受jQuery对象,也是为了避免

    Jquery命名冲突解决的五种方案分享

    因为许多 JavaScript 库使用 $ 作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用 jquery 之外的另一 js 库,我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决...

    greetr:jQuery原始代码分析,并打造了一个简单的js类库

    jQuery源码分析看完了Udemy上的课程,,写一下关于jQuery部分的笔记greetr是仿照jQuery的整体结构写的一个小的函数库Greetr ,代码在Greetr文件夹中jQuery的...}把jQuery函数名放在周围环境中,并且可以通过$快速调用。

    jquery实现下拉复选框

    * (2)特别说明:全局变量均以_开头,有如下2个,使用时注意命名冲突: _csidiv _csiinput * (3)使用实例: <html> <head> <title>my test</title> [removed][removed] ...

    《精通Javascript+jQuery》光盘源码

     1.2.2 浏览器之间的冲突  1.2.3 标准的制定  1.3 JavaScript的实现  1.3.1 ECMAScript  1.3.2 DOM  1.3.3 BOM  1.3.4 新的开始  1.4 Web标准  1.4.1 Web标准概述  1.4.2 结构.c表现和行为的...

Global site tag (gtag.js) - Google Analytics