2021-04-29

jQuery鼠标事件说明

jQuery鼠标事件列表:

click 单击事件 dbclick 双击事件

mousedown 鼠标按下事件 mouseup 鼠标弹起事件

mouseenter 鼠标进入事件 mouseleave 鼠标离开事件

 

jQuery鼠标事件之click与dbclick事件

 

click([[data],fn]

参数说明：fn在每一个匹配元素的click事件中绑定的处理函数。

data:click([Data],fn)可传入data供函数fn处理。

fn：在每一个匹配元素的click事件中绑定的处理函数。

dbclick（[[data],fn]）参数说明同上

 

第一个按钮的点击事件

例如：$(“button:eq(0)”).click(function () {

alert(“jQuery 鼠标事件之 click 单击事件”);

 

jQuery鼠标事件之hover事件

hover([over,]out)

一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一

个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

 

例如：$(".divContent").hover(

function () {//hover的第一个函数：鼠标移入的时候触发事件$(this).addClass(“changeColor”);//添加一个类

},

function () {//hover 的第二个函数：鼠标移出的时候触发事件

$(this).removeClass(“changeColor”);//移除类

});

 

这是我所学到的jQuery鼠标事件，所以我要分享给你们，希望可以帮助到你们。

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