jquery中的事件操作

鼠标事件

click就是添加单击事件的方法

匿名函数就是没有名字

function handler(){};

函数作为参数时,通常称该函数位回调函数(在将来的某个时刻会执行)

click内部的函数作为回调函数使用,又称为事件处理函数

此处只是注册了一个函数,并没有执行该函数

$("div").click(function(){

$("div").css("color","red")})

$("div").click(handler)

利用点击事件进行添加删除

$("p").click(function()

{$("div").append("<h1></h1>")

}

)

$("p").click(function()

{$(li:first-child).remove()

}

)

click()

dblclick()

双击时会先触发单击

鼠标悬停事件

$("div").mouseover(function(){

$("div").css("color","red")

})

鼠标离开事件

$("div").mouseout(function(){

$("div").css("background","purple")

})

链式调用

$("div").mouseover(function(){

$("div").css("color","red")

}).mouseout(function(){

$("div").css("background","purple")

})

鼠标右键点击事件

$("div").contextmenu(function(){

$("class").append("<h1 style=""><h1>")

})

键盘事件

keydown()

keypress()

keyup()

使用on方法进行事件绑定,通用的事件绑定方法