jQuery.noConflict()

没有评论

2010 年 10 月 13 日 at 下午 2:33分类:jQuery

运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
这有助于确保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’;