`
zjcheng
  • 浏览: 91286 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery.noConflict()

阅读更多
jQuery.noConflict()
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。
--------------------------------------------------------------------------------
Run this function to give control of the $ variable back to whichever library first implemented it.This helps to make sure that jQuery doesn't conflict with the $ object of other libraries. By using this function, you will only be able to access jQuery using the 'jQuery' variable. For example, where you used to do $("div p"), you now must do jQuery("div p").
返回值
jQuery

示例
将$引用的对象映射回原始的对象。

jQuery 代码
jQuery.noConflict();  
// 使用 jQuery  
jQuery("div p").hide();  
// 使用其他库的 $()  
$("content").style.display = 'none';   

--------------------------------------------------------------------------------

恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。


jQuery 代码
jQuery.noConflict();  
(function($) {  
   $(function() {  
    // 使用 $ 作为 jQuery 别名的代码  
   });  
})(jQuery);  
// 其他用 $ 作为别名的库的代码  

--------------------------------------------------------------------------------

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

jQuery 代码
var j = jQuery.noConflict();  
// 基于 jQuery 的代码  
j("div p").hide();  
// 基于其他库的 $() 代码  
$("content").style.display = 'none';  


分享到:
评论

相关推荐

    三分钟带你玩转jQuery.noConflict()

    jQuery.noConflict() 是jQuery库提供的一种机制,用于解决在同一个网页中使用多个jQuery版本或与其它JavaScript库可能引发的命名冲突问题。这个方法的核心在于它能够恢复全局的`jQuery`和`$`变量到它们在jQuery库...

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

    jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。 jQuery.noConflict 方法包含一个可选的布尔参数[1],用以决定移交 $ 引用的同时是否移交 jQuery ...

    jQuery中noConflict()用法实例分析

    jQuery中的`noConflict()`方法就是为了避免这种情况而设计的。 `$`在jQuery中通常被用作快捷方式来调用jQuery对象,但它本质上是`window.jQuery`的一个引用。`jQuery.noConflict()`的主要作用就是释放`$`这个符号,...

    jquery.color.js

    - **避免冲突**:在某些情况下,可能需要使用jQuery的noConflict模式,以防止与其他库的命名空间冲突。 - **版本适配**:不同版本的jQuery.color.js可能与不同版本的jQuery存在兼容性问题,选择合适版本的插件是必要...

    jSignature.min.noconflict.zip

    `jSignature.min.noconflict.zip`是一个包含jSignature插件的压缩包,这个插件主要用于在网页上实现签名功能。它提供了用户友好的接口,允许访客通过鼠标或触控设备在网页上进行签名,生成的数据可以是图像格式或者...

    轻松搞定jQuery.noConflict()

    为了避免全局命名空间污染,jQuery提供了jQuery.noConflict()方法解决变量冲突。这个方法,毫无疑问,非常有效。遗憾的是,jQuery的官方文档对该方法的描述不够清晰,许多开发者并不清楚当他们调用jQuery.noConflict...

    jquery.min.js jquery-1.4.2.min.js jquery-1.4.4.min.js jquery-1.10.2.min.js.zip

    4. **避免全局作用域污染**:通过`jQuery.noConflict()`方法,可以防止jQuery与其它使用$符号的库发生冲突。 5. **学习和掌握API**:深入理解jQuery API将有助于编写更高效、简洁的代码,提升开发效率。 综上所述...

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

    `jQuery.noConflict()`是jQuery提供的一个功能,它的主要作用是释放`$`这个变量,将其控制权归还给之前占用它的库。这样,其他库可以继续使用`$`,而jQuery则需要通过`jQuery`来调用。以下是这种方法的示例: ```...

    require-angular-template:使用 jQuery.noConflict(true)(私有 jQuery)处理 angular 和 requirejs 的代码库

    require.js、angular、bootstrap 和 jQuery.noConflict(true) 基本模板 特征: 此代码包含一个 AMD 封装的引导程序版本 jQuery 仅在 require 模块中可用 随意重用和/或修改 代码灵感和来源:

    jQuery 参考手册 速查表

    jQuery 3.1 参考手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) ...jQuery.noConflict([ex])

    解决其他js和jquery冲突方法

    四、使用 jQuery.noConflict()方法将变量$的控制权让渡给其他库,同时使用自定义的变量名,例如$j = jQuery.noConflict();。这样可以避免与其他库的冲突,同时也可以继续使用自定义的变量名。 在实际开发中,可以...

    demo47-jQuery冲突问题

    - **`jQuery.noConflict()` 的作用**:当调用 `jQuery.noConflict()` 时,jQuery 会释放对 `$` 的控制权,并将自身返回,使得可以直接通过 `jQuery` 来调用 jQuery 的方法,或者通过传入的变量名(如上面例子中的 `$...

    jquery-1.9.1(js和min.js下载)

    4. 避免全局污染:使用`$`符号可能会与其他库冲突,可以使用`jQuery.noConflict()`来解决,或者在闭包中使用`var $ = jQuery;`避免全局污染。 综上所述,jQuery 1.9.1版本是开发者常用的一个版本,它提供了完善的...

    jquery-1.10.2.min.js

    2. **命名冲突**:为了避免与现有JavaScript代码产生命名冲突,jQuery提供了`$`和`jQuery`两个别名,可以使用`jQuery.noConflict()`方法释放`$`符号。 总结,jQuery 1.10.2.min.js是前端开发中的重要工具,它极大地...

    Sitepoint.jQuery.Novice.to.Ninja.Feb.2010.rar

    9. **jQuery.noConflict()**:对于与其他JavaScript库共存的情况,`noConflict()`方法可以释放$符号,防止命名冲突。 10. **最佳实践**:在实际开发中,合理组织代码、利用缓存提高性能、避免全局变量污染、使用$...

    jqprint打印js及兼容解决

    2. **使用jQuery.noConflict()**:如果多个JavaScript库在同一页面上使用,可能导致命名冲突。使用`jQuery.noConflict()`模式可以避免这个问题,确保`jqPrint`能正常工作。 3. **CSS媒体查询**:在某些情况下,`...

    javascript实现右下角提示框,支持最小化,最大化,关闭,消息多条翻页。。。完整可运行!项目中测得通过!

    javascript实现右下角提示框,支持最小化,最大化,关闭,消息多条翻页。。。完整可运行!项目中测得通过! 在页面中直接引用该JS即可。用到了jquery.需要引用jquery支持包...var $j = jQuery.noConflict(); </script>

Global site tag (gtag.js) - Google Analytics