jQuery 和其他框架共用（$ 问题）

jQuery 和其他 JavaScript 框架

大多数框架都习惯使用 $ 作为简写。若使用两种不同的框架时使用相同符号作为简写（例：$），可能会导致脚本的运行。所以jQuery创建了  noConflict()  方法。

noConflict() 

noConflict()会释放对  $ 符号的控制，然后就可以供其他脚本使用。而另一种方式就是使用全名代替简写达到相同的效果：

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("Code running !!!");
  });
});

也可以使用noConflict()创建自己的简写，如下：

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("Code running by new shortcut");
  });
});

 $不冲突使用

若不想改变这一快捷方式，可将 $ 作为参数传递给ready()，从而能够在内部使用 $ 不会使脚本发生错误

 

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("$ use inside ");
  });
});