jQuery解决引用多个JavaScript库引起的$命名冲突的问题

        在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。

 

参考示例如下:

<scriptsrc="prototype.js"></script><!-- 引用的库1 -->

<scriptsrc="jquery.js"></script>   <!-- 引用的库2 -->

<script>

   jQuery.noConflict();           /* jQuery释放对$的控制权 */

</script>

<scriptsrc="myscript.js"></script>    <!-- 自己写的js代码,此时的$标识符是库prototype.js中的引用 -->

        如表格中的代码所示,我们首先引用了prototype.js库,然后又引用了jquery.js库,在这个时候jQuery库拥有着对$标识符的控制权限。调用noConflict()方法,此时jQuery释放了对$标识符的控制权限,转让给了prototype.js使用。

 

        jQuery释放了对$标识符的使用权限,所以后面所有jQuery用到$的地方都要用jQuery替代,比如$(document).ready(function(){}),需要写成jQuery(document).ready(function(){})。当然爱在ready函数内部,我们还有一种方法可以重新让jQuery使用$标识符-使用回调函数,但也只是仅局限于ready函数内部。方法:jQuery(document).ready(function($){//在这里可以正常使用$标识符})。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值