jQuery鼠标事件与hover事件

最新推荐文章于 2024-07-26 10:19:04 发布

老薛❤篮球

最新推荐文章于 2024-07-26 10:19:04 发布

阅读量3.3k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44550190/article/details/90286229

版权

本文介绍了jQuery中的鼠标事件，包括click、dbclick、mousedown、mouseup、mouseenter和mouseleave，并详细解析了click与dbclick事件的参数。此外，还探讨了mouseenter与mouseleave的区别，并重点讲解了hover事件，它模仿悬停行为，提供了更精确的控制。文章通过实例展示了这些事件的使用方法。

摘要由CSDN通过智能技术生成

（作者：老薛，撰写时间：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事件是一个模仿悬停