jQuery - noConflict() 方法

本文介绍如何在多个JavaScript框架共存的情况下避免符号冲突,特别是当这些框架都使用$符号时。通过使用jQuery提供的noConflict()方法,可以有效解决此问题。

jQuery 使用 $ 符号作为 jQuery 的简写。

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

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

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

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


也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用,您可以把它存入变量


例如下面的例子


<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
var jq=$.noConflict();
   jq(document).ready(function(){
   jq("button").click(function(){
   jq("p").html("jQuery is running ");


   });
});
</script>
</head>


<body>
<p>这是一个段落。</p>
<button>测试 jQuery</button>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值