Jquery的hover事件

然后给这个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');

        })