jQuery事件处理的四种处理机制详述

jQuery事件处理机制在jQuery框架中起着非常重要的作用。事件处理是它的核心。
jQuery包括四种事件处理机制：页面加载，事件绑定，事件委派，事件切换。

1.事件切换：在一个元素上绑定了两个一个以上的事件，在各个事件之间，可以进行切换。
jQuery有两种方法用于事件切换：hover（）和toggle()
hover()鼠标悬停和移出切换
如果是两个以上的函数，则用toggle()方法切换所有

jQuery代码：hover
$(function(){
    $(".txt").hide();
    $(".head").hover(function(){
                $(".txt").show();
            },
            function(){
                $(".txt").hide()
            })

jQuery代码：toggle

$("button").toggle(function(){
$("body").css("backgroun" +
"d-color","red")},
function(){
$("body").css("backgornd-color","yellow")},
function(){
$("body").css("background-color","pink")});

html代码：

<button>背景颜色切换</button>
<div class="head">致橡树</div>
<div class="txt">我如果爱你，绝不像攀岩的凌霄花依附你的高枝</div>

3.事件冒泡
在一个对象上触发某类事件（如onclick），如果此对象定义了此事件的处理函数，则此对象会调用此函数。若没定义或事件返回true
那么这个事件将向父级对象传播，从里到外直到它被处理，或者到达了对象的最顶层document对象（或者windows对象）
4.页面加载响应事件
 $(document).ready()是页面加载响应事件。可以说是window.onload注册事件的替代方法。通过这个fangfa可
 以使dom载入就绪立即调用所绑定的函数。ready()仅可用于当前的文档
语法格式：
语法一：$(document).ready(function)
语法二：$().ready(function);
语法三：$(function)
5.jQuery中的事件函数
1）键盘操作事件keydown(); 按键触发，每插入一个字符，就会发生keypress事件
keypress();按下某个键产生字符时触发，发生在获得焦点的元素上。
keyup();   释放某个键时触发
2）鼠标操作事件
mousedown(); 鼠标按下触发
mouseenter();鼠标指针进入目标时触发
mouseleave(); 鼠标离开触发
mousemove()； 鼠标在上方移动触发
mouseout(); 鼠标移出目标上方触发
mouseover();鼠标移到目标上方触发
mouseup()；鼠标按键释放触发
click（）；点击鼠标触发
dbclick();双击鼠标触发
3）其它常用事件
blur();元素或窗口失焦触发
focus();窗口或者元素获焦触发
change()；文本框内容改变触发
error();脚本，图片加载错误时触发
select();文本框的字符被选定之后触发
submit();表单提交触发
load();网页加载完成之后触发
unload();卸载完成之后触发
5.事件的基本操作
1）绑定事件：bind()
$(selector).bind(event,data,function)
注意：可以添加一个或者多个事件，由空格分隔多个事件。data为可选项：传递到函数的额外数据
2）触发事件：trigger()
$(selector).trigger(event,[param1,param2,...])
其中event为触发事件的动作，如click，dbclick
3)移除事件unbind()
移除所有的或者被选的事件处理程序，或者当事件发生时终止指定函数的运行。
$(selector).unbind(event,function)
event是可选参数：规定删除元素的一个或者多个事件。
function是可选参数，规定从元素的指定事件取消绑定的函数名。
如果没有指定参数，则删除指定元素的所有事件处理程序。
6.trigger() 方法触发被选元素的指定事件类型。
 例如：$("input").trigger("select");