jQuery之多库共存

多库共存问题

问题：

　　如果有2个库都有$，就存在冲突。

解决：

　　jQuery库可以释放$的使用权，让另一个库可以正常使用，此时jQuery库只能使用jQuery了。

API：

　　jQuery.noConflict();

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多库共存</title>
    <style type="text/css">
        * {
            margin: 0px;
        }
        .div1 {
            position: absolute;
            width: 100px;
            height: 100px;
            top: 50px;
            left: 10px;
            background: red;
        }
    </style>
</head>
<body>

<script type="text/javascript" src="../js/myLib.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
    //释放$的使用权，让另一个库可以正常使用
    jQuery.noConflict();

    //使用的是myLib.js中的$
    $();

    //使用jQuery
    jQuery(function () {
        jQuery('body');
    });
</script>
</body>
</html>