6_2：多库共存

代码范例

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多库共存</title>
    <script src="jquery.min.js"></script>
</head>
<body>
<div></div>
<script>
    // 自己封装了一个 函数 $
    function $(ele) {
        return document.querySelector(ele);
    }
    console.log($('div'));//可以得到div元素

    //解决多库共存的问题
    //方法1 用jQuery 替代 $符号
    console.log(jQuery("div"));

    //方法2 让jQuery让出对 $ 符号的控制权
    var diy = jQuery.noConflict();
    console.log(diy('div'));

</script>
</body>
</html>

 

posted @ 2021-03-09 21:52  棉花糖88  阅读(47)  评论(0)  编辑  收藏  举报