锋利的jquery(jQuery中的事件和动画)

4.1Jquery中的事件
4.1.1加载DOM
锋利的jquery(jQuery中的事件和动画)

加载DOM,$(document).ready()与window.onload区别:
1、执行时机
锋利的jquery(jQuery中的事件和动画)

2.Jquery中页面加载load方法

锋利的jquery(jQuery中的事件和动画)

多次使用问题:
锋利的jquery(jQuery中的事件和动画)

javascript的onload事件一次只能保存对一个函数的引用,会覆盖之前的函数。
锋利的jquery(jQuery中的事件和动画)

3.简写方式
锋利的jquery(jQuery中的事件和动画)

4.1.2事件绑定
锋利的jquery(jQuery中的事件和动画)

例子:
锋利的jquery(jQuery中的事件和动画)

3.改变绑定事件的类型
锋利的jquery(jQuery中的事件和动画)

4.简写绑定事件
锋利的jquery(jQuery中的事件和动画)

4.1.3合成事件
锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

2.toggle()方法
锋利的jquery(jQuery中的事件和动画)

例子:
锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

4.1.4事件冒泡
1、什么是冒泡
锋利的jquery(jQuery中的事件和动画)

2.事件冒泡引发的问题
锋利的jquery(jQuery中的事件和动画)

事件对象:
锋利的jquery(jQuery中的事件和动画)

停止事件冒泡:
锋利的jquery(jQuery中的事件和动画)

例子:
锋利的jquery(jQuery中的事件和动画)

可以改成return false;同样是停止事件冒泡。

3.事件捕获
锋利的jquery(jQuery中的事件和动画)

4.1.5事件对象的属性
(1)event.type
锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

(4)event.target
锋利的jquery(jQuery中的事件和动画)

(5)event.relatedTarget
锋利的jquery(jQuery中的事件和动画)

(6)event.pageX和event.pageY
锋利的jquery(jQuery中的事件和动画)

(7)event.witch
锋利的jquery(jQuery中的事件和动画)

(8)event.metaKey

锋利的jquery(jQuery中的事件和动画)

4.1.6移除事件
1.unbind()
锋利的jquery(jQuery中的事件和动画)

2.one()
锋利的jquery(jQuery中的事件和动画)

4.1.7模拟操作
1.常用模拟
锋利的jquery(jQuery中的事件和动画)

2.触发自定义事件
锋利的jquery(jQuery中的事件和动画)

3.传递数据
锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

4.1.8其他用法
1.绑定多个事件类型
锋利的jquery(jQuery中的事件和动画)

2.添加事件命名空间,便于管理
锋利的jquery(jQuery中的事件和动画)

3.相同事件名称,不同命名空间执行方法

4.2Jquery中的动画
1.show()方法和hide()方法
锋利的jquery(jQuery中的事件和动画)

锋利的jquery(jQuery中的事件和动画)

4.2.2 fadeIn()方法和fadeOut()方法
锋利的jquery(jQuery中的事件和动画)

4.2.3slideUp()方法和slideDown()方法
锋利的jquery(jQuery中的事件和动画)

4.2.4自定义动画
锋利的jquery(jQuery中的事件和动画)

例子:
锋利的jquery(jQuery中的事件和动画)

2.累加累减动画
锋利的jquery(jQuery中的事件和动画)

3.多重动画
(1)同时执行多个动画
锋利的jquery(jQuery中的事件和动画)

(2)按顺序执行多个动画
锋利的jquery(jQuery中的事件和动画)

4.综合动画
4.2.5动画回调函数
锋利的jquery(jQuery中的事件和动画)