jQuery基础04-jQuery事件

1.基础事件

1.window事件

即页面中的DOM元素全部加载完毕时所触发的事件，该事件对应的方法是ready()。

2.鼠标事件

click() 单击鼠标时所触发的事件方法；

mouseover() 鼠标悬浮在某个元素上时触发的事件方法；

mouseout() 鼠标移出某个元素时触发的事件方法。

3.键盘事件

略。（不重要，可百度）。

4.表单事件

focus() 获取焦点时触发的事方法；

blur() 失去焦点时触发的事件方法。

2.绑定事件与移出事件

1.绑定事件

1.绑定一个事件

jQuery 对象.bind(type,[data],fn);

2.绑定多个事件

jQuery 对象.bind({type:fn,type:fn,......,type:fn});

事件参数：

type 事件类型，如click、focus、mouseover等，还可以是自定义事件；

data 可选参数，可以作为event.data的属性值，传递给事件对象额外的数据；

fn 处理函数，用来绑定该事件的处理函数。

2.移除事件

jQuery 对象.unbind([type],[fn]);

type 事件类型，如click、focus、mouseover等，还可以是自定义事件；

fn 处理函数，用于接触绑定的事件函数。

当unbind()不带参数时，表示移除绑定的全部事件。

3.复合事件

1.hover()

相当于mouseover()和mouseout()方法的组合。

jQuery 对象.hover(fn1,fn2);

fn1,fn2为两个处理函数。

2.toggle()

1.9版本及以上；

jQuery 对象.toggle(fn1,fn2,......,fnN)

原理同hover()。