项目10 jQuery的事件与动画.pptx

项目10jQuery的

事件与动画

01任务10.1jQuery事件

目录

02任务10.2jQuery动画

1jQuery事件

2事件的绑定

任务10.1

3事件解绑

jQuery事件

4事件对象

5切换事件

10.1.1jQuery事件

jQuery对JavaScript的事件进行了封装，编写程序时不必

再考虑浏览器的兼容性。jQuery库封装了JavaScript的常用

事件，以方便开发者很便捷地绑定这些事件。

10.1.2事件的绑定

事件绑定的几种方法：

1.通过事件方法绑定例如click()change()

等2.通过on()绑定事件

$(选择器).事件名(function(){3.通过bind()方法绑定事件

事件处理代码；4.通过one()方法绑定一次事件

});

10.1.2事件的绑定

1.事件：表10-1jQuery常用事件方法

事件类型事件名称描述

页面加载响应事件ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数

click(fn)鼠标单击事件

dbclick(fn)鼠标双击事件

mouseover(fn)鼠标(指针)移入事件

鼠标事件mouseout(fn)鼠标(指针)移出事件

mousedown(fn)鼠标按下事件

mouseup(fn)鼠标松开事件

mousemove(fn)鼠标移动事件

blur(fn)当元素失去焦点时触发

focus(fn)当元素获取焦点时触发

表单事件change(fn)当元素的值发生改变时触发

select(fn)当文本框中的文本被选中时触发

submit(fn)当表单提交时触发

keydown(fn)键盘按下按键时触发