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 ");
});
});