6-5多库共存

如果同一个页面不仅引入了jQuery的外部文件,也引入了其他的库文件
如果此时其他的库文件中也使用了$符号，此时就产生了冲突

其他语言中:这个方式叫解决命名空间的冲突

<script type="text/javascript">
---------------------正常情况下---------------------
    页面加载事件
    $(function () {
        $('#btn').click(function () {
            $(this).css('background-color', 'red');
        });
    });

    ----------当我们引入的其他的库文件中也使用了$符号----------

    -----------解决办法1 == 该用 JQuery 代替 $ ----------
    
    释放$的控制权
    $.noConflict();
    // 使用jQuery
    jQuery(function () {
        jQuery('#btn').click(function () {
            jQuery(this).css('background-color', 'red');
        });
    });
    

    -----------解决方法2 == 将 $的控制权 赋给指定的变量 -----------
    对$对象进行释放控制权并赋值给hq变量
    var hq = $.noConflict();    从此以后hq就是曾经的$---一毛一样的
    hq(function () {
        hq('#btn').click(function () {
            hq(this).css('background-color', 'red');
        });
    });
</script>