单击事件click和双击事件dbclick Click:当点击元素时会发生点击事件

dbclick:和Click不同的是需要点击鼠标两次才触发点击事件

方法:click([data],fun)

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

data:供函数fn处理

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

dblclick双击事件也是一样的

click:$(“button”).eq(0).click(function(){
 $(“button:first”).click(function(){alert(单击事件)});
 $(“button”).first().click(function(){});
 });

click点击再点击 jquery jquery中的点击事件_鼠标指针


dblcick: $(“button”).eq(1).dblclick(function () {
 alert(“双击事件”);});

click点击再点击 jquery jquery中的点击事件_click点击再点击 jquery_02


Mousedwn:鼠标按下事件,当鼠标移动到元素上方,并按下鼠标按键时,会发生按下事件。和点击事件不同的是按下事件仅需要按键按下,并不需要松开既可发生。

Mouseup:鼠标弹起事件,当在元素上放松鼠标按钮时,会发生鼠标弹起事件,和点击事件不同的是鼠标弹起事件仅需要放松按钮,当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。

click点击再点击 jquery jquery中的点击事件_鼠标指针_03


click点击再点击 jquery jquery中的点击事件_点击事件_04


接下来是鼠标进入离开事件: mouseover鼠标进入事件,当鼠标指针穿过被选元素时,会发生mouseover事件。

click点击再点击 jquery jquery中的点击事件_点击事件_05


mouseleave:鼠标离开事件,与 mouseover 事件不同,当鼠标进入被选元素,并离开时才会触发mouseleave事件。

click点击再点击 jquery jquery中的点击事件_移出_06


mouseenter:当鼠标指针穿过被选元素时,会发生mouseenter事件,跟mouseleave事件差不多的效果。

Mouseover:跟mouseover不同的是,如果鼠标穿过任何子元素都会触发mouseover事件,效果跟mouseover事件差不多。

hover:鼠标移入移出事件,方法:hover([over,]out)

一个模范悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,他为频繁使用任务提供了一种保持在其中的状态。。

当鼠标移动到一个匹配元素上面时,会触发指定的第一个元素。当鼠标移出这个元素时,会触发指定的第二个元素。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持悬停状态,而不触发移出事件(修正了使用mouseout事件中的一个常用错误)

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

click点击再点击 jquery jquery中的点击事件_移出_07

function () {//hover的第二个函数:鼠标移出的时候触发事件
 $(this).removeClass(“one”);//移除类 });

click点击再点击 jquery jquery中的点击事件_click点击再点击 jquery_08