考点
元素失去焦点事件
blur(匿函)

元素获得焦点事件
focus(匿函)
备注
如果让一个对象调用本方法,不传匿函,可让对象获得焦点
例如,标签对象.focus()

鼠标点击事件
click(匿函)

鼠标进入,有冒泡
mouseover(匿函)

鼠标离开,有冒泡
mouseout(匿函)

鼠标进入,无冒泡
mouseenter(匿函)

鼠标离开,无冒泡
mouseleave(匿函)

同时为无冒泡的鼠标进入与鼠标离开定义事件
hover(进入匿函,离开匿函)

DOM加载完成
ready(匿函)

浏览器窗口的大小发生变化
resize(匿函)
一般用于窗口对象,例如:
$(window).resize(匿函)

滚动条的位置发生变化
scroll(匿函)
一般用于窗口对象,例如:
$(window).scroll(匿函)

用户提交表单事件
submit(匿函)
一般用于表单标签对象,例如
表单标签对象.submit(匿函)

函数中的return关键字有哪三个作用
返回函数的执行结果
结束函数的运行
阻止默认的行为  在submit事件匿函中的return false可以阻止表单的提交行为

事件列表

jquery-事件_表单

事件的使用格式

标签对象.事件名称(匿名函数)

jquery-事件_点击事件_02

例子

结构

jquery-事件_失去焦点_03

focus,获得焦点

jquery-事件_点击事件_04

获得焦点的事件

通常的用法是

进入一个页面后

让某一个标签得到焦点

这样用户可以直接输入内容

jquery-事件_提交表单_05

这样子的效果相当于在标签中输入

jquery-事件_失去焦点_06

思考,如果两个都在使用focus方法

结果会是怎样的

jquery-事件_失去焦点_07

blur,失去焦点

jquery-事件_表单_08

mouse系列的事

移入移出事件

mouseover

mouseout

jquery-事件_移出_09

jquery-事件_点击事件_10

jquery-事件_失去焦点_11

移入到con中

jquery-事件_移出_12

jquery-事件_失去焦点_13

mouseenter
mouseleave

jquery-事件_移出_14

jquery-事件_移出_15

hover

jquery-事件_提交表单_16

hover(匿函移入,匿函移出)

小结

鼠标的移动操作

五个

表单事件

jquery-事件_移出_17

submit事件

jquery-事件_表单_18

表单中的submit按钮被点击后,触发submit事件

submit事件一般是表单标签对象有的

阻止表单的提交

利用了return的功能

jquery-事件_提交表单_19

jquery-事件_点击事件_20

jquery-事件_点击事件_21

resize事件

jquery-事件_点击事件_22

jquery-事件_点击事件_23

resize事件是绑定在窗口上的window上的