jQuery中的多库共存

0.码仙励志

时间不等人,容不得有半点懈怠。世界上没有坐享其成的好事,要幸福就要奋斗。奋发有为,不负春光!

1.什么是jQuery多库共存

jQuery使用$作为标示符,但是如果与其他框架中的$冲突时,jQuery可以释放$符的控制权

2.第一种解决方式

在jQuery中,$符号可以用jQuery代替,但是这种方式比较麻烦

<body>
<input type="button" value="按钮" id="btn">
<script src="jquery-1.12.4.js"></script>
<script>
    jQuery(function () {
        jQuery("#btn").click(function () {
            console.log("按钮被点击了")
        });
    });
</script>
</body>

3.第二种解决方式

  1. var $1 = $.noConflict();//释放$的控制权,并且把$的能力给了$1
  2. 用这种方式$符号就会失效
<body>
<input type="button" value="按钮" id="btn">
<script src="jquery-1.12.4.js"></script>
<script>
    var $1 = $.noConflict();
    $1(function () {
        $1("#btn").click(function () {
            console.log("按钮被点击了")
        });
    });
</script>
</body>

本篇博客来自于传智播客视频教程的总结以及笔记的整理,仅供学习交流,切勿用于商业用途,如有侵权,请联系博主删除,博主QQ:194760901

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值