鼠标事件
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方法进行事件绑定,通用的事件绑定方法