<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="box">小马哥</div>
<script src="./index.js"></script>
<script src="./jquery-3.5.1.js"></script>
<script>
// console.log($);//此时打印的还是jquery对象 上面jquery库自动覆盖index
//jQuery 提供了一个解决多个库变量名冲突的方法
jQuery.noConflict();//将jQuery的$变量的控制权交给index.js
console.log($);//4
//同时jQuery要想用$,已经用不了了
// $(function () {
// $('#box').css('color','red');
// })
//解决方法
(function($){
$(function(){
$('#box').css('color','red')
})
})(jQuery)
</script>
</body>
</html>