jQuery中的事件出路

事件流模型

1.冒泡型事件流——从下到上一级一级触发

2.捕获型事件流——从上到下一级一级触发

传统JavaScript事件

鼠标事件	onclick   ondblclick  onmousedown   onmouseup  onmouseover  onmousemove   onmouseout
键盘事件	onkeypress   onkeydown   onkeyup
键盘事件	onerror   onload  onresize  onscroll  onunload
表单事件	onblur  onchange   onfocus  onsubmit

事件处理

1.标签里：οnclick=" func() "

2.与结构分离： btn.click = func () ；

jQuery中的事件

1.DOM的载入事件

ready事件是一个可以在DOM加载完成后执行的事件，该事件可以绑定多个响应函数（window对象的onload属性只能设置一个事件处理程序）。

ready事件是在所有DOM标记就绪时就被触发，而不一定与之关联的其他资源文件也能就绪。

该事件对所有jQuery对象都有效，所以该事件可以绑定在所有被jQuery对象封装过的DOM元素上。ready事件没有先后顺序，都是同一时刻触发的，不论绑定在哪个DOM元素上，都将在所有DOM元素加载完成时触发。

type="text/javascript" src="jquery-2.1.4.js">

id="show" style="background-color: #f93">

/>

type="text/javascript">

//document对象加载成功

$(document).ready(function(){

$("#show").append('

document Ready

')

});

//window加载成功

$(window).ready(function(){

$("#show").append('

window Ready

')

});

//div加载成功

$("show").ready(function(){

$("#show").append('

show Ready

')

});

//html加载成功

$("html").ready(function(){

$("#show").append('

html Ready

')

});

//body加载成功

$("body").ready(function(){

$("#show").append('

body Ready

')

});

//input加载成功

$("input").ready(function(){

$("#show").append('

input Ready

')

});

该事件可以有3种写法（根据习惯自行选择）：

$(document) . ready (handler)

$( ) . ready (handler)

$(hanlder)

2.常用事件

鼠标事件	mousedown    mouseup    click    dblclick    mousemove    mouseover    mouseout
键盘事件	keydown    keypress    keyup
表单事件	focus    blur    change    select    submit    focusin    focusout
其他事件	load   unload    error    resize    scroll