jQuery 使用hover()方法切换事件(参考慕课网)

使用hover()方法切换事件

hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下：

$(selector).hover(over，out);

over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。

例如，当鼠标移到<div>元素上时，元素中的字体变成金黄色，如下图所示：

在浏览器中显示的效果：

从图中可以看出，使用hover()方法执行两个函数，当鼠标移在元素上时调用addClass()方法增加一个样式，移出时，调用removeClass()方法移除该样式。