单击事件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”);//移除类 });