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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值