jQuery的$符号与其他库冲突的解决方法

{{ time }}

好比说, 网页中引用了一个库, 叫 abc.js, 其中声明了 $, 网页要用这个$做很多事情.

但后来, 我们引入了jquery-3.4.1.min.js, 那么jQuery就覆盖了abc.js中的$, 以至于网页中的很多方法不能执行.

解决方法是在abc.js之前引入jQuery库, 并用$.noConflict()方法在后文释放$的控制权. 示例代码如下

<script src="/login/js/jquery-3.4.1.min.js"></script>
<script>
    $.noConflict();
    jQuery(document).ready(function($) {
        //在这里写jQuery代码就可以了, 而且可以使用$符号, 如
        $('.btn').click(function(){
            console.log('您点了按钮')
        })
    })//在此之外释放了$符号控制权
</script>
<script src="abc.js"></script>