JQuery鼠标事件应用

单击事件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(){});
});

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

Mousedwn:鼠标按下事件，当鼠标移动到元素上方，并按下鼠标按键时，会发生按下事件。和点击事件不同的是按下事件仅需要按键按下，并不需要松开既可发生。
Mouseup:鼠标弹起事件，当在元素上放松鼠标按钮时，会发生鼠标弹起事件，和点击事件不同的是鼠标弹起事件仅需要放松按钮，当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。

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

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

mouseenter：当鼠标指针穿过被选元素时，会发生mouseenter事件，跟mouseleave事件差不多的效果。
Mouseover：跟mouseover不同的是，如果鼠标穿过任何子元素都会触发mouseover事件，效果跟mouseover事件差不多。
hover：鼠标移入移出事件,方法：hover([over,]out)
一个模范悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，他为频繁使用任务提供了一种保持在其中的状态。。
当鼠标移动到一个匹配元素上面时，会触发指定的第一个元素。当鼠标移出这个元素时，会触发指定的第二个元素。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持悬停状态，而不触发移出事件（修正了使用mouseout事件中的一个常用错误）$(".two").hover(
function () {//hover的第一个函数：鼠标移入的时候触发事件
$(this).addClass(“one”);//添加一个类
},

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