然后给这个div设置好style样式更好直观的看出事件的变化
#box{
width: 200px;
height: 200px;
background-color: red;
}
接下来先将jQuery引入html文档
<script src="./js/jquery-3.6."></script>
接下来创建一个script标签组在里面写js代码使用jquery的hover()事件
$('#box').hover(function(){
$('#box').css({
'background-color':'green','color':'#fff'
});
},function(){
$('#box').css('background-color','red','color':'#000');
})