jQuery--noConflict()方法

$ 符号

如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办?

其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

其中某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行。

jQuery 的团队考虑到了这个问题,并实现了 noConflict() 方法。

jQuery默认使用"$"操作符,prototype等其他框架也是是使用"$",于是,如果jQuery在其他库之后引入,那么jQuery将获得"$"使用权。这样的情况也很容易理解,毕竟JS是从上到下流式执行的。
同样的道理,如果在其他使用"$"的库之前引入jQuery,那么jQuery将不会占用"$"。

定义和用法

noConflict() 方法让渡变量 $ 的 jQuery 控制权。

该方法释放 jQuery 对 $ 变量的控制。

该方法也可用于为 jQuery 变量规定新的自定义名称。

noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

提示:在其他 JavaScript 库为其函数使用 $ 时,该方法很有用。

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍然在工作!");
  });
});

在此引用上一篇博文的例子(Mr.J-- jQuery学习笔记(一)):




    
    05-jQuery冲突问题
    
    
    




通过noConfilct方法,释放$方法,也可以通过创建自己的简写。noConflict() 可返回对 jQuery 的引用,可以把它存入变量,以供稍后使用。

 

如果你jQuery 代码块使用 $ 简写,并且不愿意改变这个快捷方式,那么可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外,依旧不得不使用 "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍然在工作!");
  });
});

部分代码来源:菜鸟教程

你可能感兴趣的:(jQuery学习)