jQuery noConflict() 方法

前面我们已经知道,jQuery 可以使用 $ 符号作为 jQuery 的简写,但是如果除了 jQuery 以外,其他的 JavaScript 框架也使用了 $ 符号作为简写,而我们又需要同时使用两种不同的框架,那么就可能导致脚本停止运行。而 jQuery 团队考虑到了这个问题,并实现了 noConflict() 方法。

其他一些 JavaScript 框架包括:SammyEmberMooToolsBackboneKnockoutBatmanCappuccinoJavaScript MVCGoogle Web Toolkit 等。

noConflict()方法的使用

noConflict() 方法会释放 $ 标识符的保留,以便其他脚本可以使用它。

我们使用 jQuery 可以直接编写全名而不是快捷方式,例如:





jQuery_侠课岛(9xkd.com)




  

演示效果:


但是我们也可以创建自己的快捷方式,noConflict() 方法返回对 jQuery 的引用,我们可以将它保留在变量中以便不时之需。例如:

var jq = $.noConflict();
    jq(document).ready(function(){
      jq("button").click(function(){
        jq("#add").text("欢迎来到侠课岛!");
      });
});

我们还可以将 $ 符号作为参数传递给 ready 方法,然后允许我们在函数中使用 $ 访问 jQuery,但是在它之外的地方我们就不得不使用 jQuery 了 :

$.noConflict();
  jQuery(document).ready(function($){
    $("button").click(function(){
      $("#add").text("欢迎来到侠课岛!");
    });
});

上述三种写法最终的效果都是一样的。

你可能感兴趣的:(jQuery noConflict() 方法)