![248e8d1a4c1a5c46aafc764c39a8bc1f.png](https://img-blog.csdnimg.cn/img_convert/248e8d1a4c1a5c46aafc764c39a8bc1f.png)
一、什么是事件?
什么时候做什么事
二、事件的三要素
事件源(谁):通过jQuery选择器获取到的元素
事件(什么时候):对比DOM中的事件,去掉on就是jQuery中的事件
事件执行程序(在干嘛):使用jQuery的语法,对元素进行操作
DOM对象都是通过docuemnt对象的get方法获取,操作元素只能用DOM对象的方法
jQuery对象都是通过$()函数选取,操作元素只能用jQuer对象的方法
三、常见jQuery事件方法
语法 名称 作用
$(docuemnt).ready() jQuery文档就绪事件 当DOM结构绘制完成后执行
鼠标事件
$("元素").click() 单击事件 鼠标点击触发
$("元素").dblclick() 双击事件 鼠标双击触发
$("元素").mouseenter() 鼠标进入事件 当鼠标移入元素内触发
$("元素").mouseleave() 鼠标离开事件 当鼠标移出元素触发
键盘事件
keydown() 键按下的过程
keypress() 键被按下
keyup() 键松开
表单事件
focus() 当元素获取焦点是触发
blur() 当元素失去焦点