Jquery的hover事件

Jquery的hover事件：鼠标移入移出事件的结合

跟这以下几个步骤了解jquery的hover事件；

1. 先创建一个div用来绑定事件

<div id="box">hello world</div>

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

在页面中的呈现效果如下：

个人理解：hover事件可以更简单快捷的绑定鼠标事件

这是我使用jquery的hover事件，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！