jQuery鼠标事件与hover事件

（作者：老薛，撰写时间：2019年5月13日）
在我学到jQuery鼠标事件，我知道了jQuery鼠标事件列表中有很多事件，它们分别是：1.click
单击事件、2.dbclick
双击事件、3.mousedown
鼠标按下事件、4.mouseup鼠标弹起事件、5. mouseenter 鼠标进入事件、6.mouseleave 鼠标离开事件。
说到jQuery鼠标事件，我也不得不提到click与dbclick事件，而click与dbclick事件有一句代码是click([[data], fn])，这里面代码的参数说明：fn 在每一个匹配元素的click事件中绑定的处理函数。data是click([Data], fn) 可传入data供函数fn处理。
而fn是在每一个匹配元素的click事件中绑定的处理函数。所以代码又可以是dblclick([[data],fn])参数说明同上。
我上面所说的内容也就是下面的截图列子：

图1
大家也看到图1，第一个按钮的点击事件，这里面写的是click的单击事件，要写出为选中第一个按钮的方法，并为他添加点击事件。
还有一个是jQuery鼠标事件之mouseenter与mouseleave事件的截图：

图2
讲完了jQuery鼠标事件，接下来就是hover事件。hover事件是一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
hover事件代码是hover([over,]out)，意思也就是当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。也就是下面这张截图：