jQuery中的事件与驱动

1.bind            绑定

2.unbind       取消绑定

3.toggle        切换

4.fadein         渐明

5.fadeout      淡出

6.animate      活的/动画

在jQuery中,事件总体分为俩大类:基础事件和符合事件。  jQuery中的简单事件,与Javascript中的事件

几乎一样,都含有鼠标事件、键盘事件、载件事件等,只是其对应的方法名称有略微不同。

符合事件则是截取组合了用户操作,并且以多个函数作为响应而自定义的处理程序。

常用事件分类:

基础事件:鼠标事件、键盘事件、window事件、表单事件

符合事件:鼠标光标悬停、鼠标连续点击

下面就分别学习:基础事件 和 符合事件

1.事件绑定和处理函数的语法格式如下:

语法:

事件名=“函数名()”;

或者:

DOM 对象 . 事件名=函数;

在事件绑定处理函数后,可以通过DOM对象 . 事件名() 的方式显示调用处理函数。

2.载入事件:

在jQuery中,常用的window事件有文档载入事件,它对应的方法是ready();

这里不做详解:

3.鼠标事件:

在上图可以看到,jQuery中事件的方法名称与JavaScript 的事件方法名称不一样,如单击事件。

在javascript 中写作 onclick,而在jQuery中为click。

mouseenter() 和 mouseover()用法一样,都是鼠标指针移至页面元素上时触发事件。

区别如下:

mouseover();鼠标指针进入被选元素时会触发mouseover事件,如果鼠标指针在其被选元素的子元素上来回

进入时也会触发mouseover事件。

mouseenter();鼠标指针进入被选元素时会触发mouseenter事件,如果鼠标指针在其被选元素的子元素上来

回进入时不会触发mouseenter事件。

mouseout();鼠标指针进入被选元素时会触发mouseout事件,如果鼠标指针在其被选元素的子元素上来回

进入时也会触发mouseout事件。

mouseleave();鼠标指针进入被选元素时会触发mouseleave事件,如果鼠标指针在其被选元素的子元素上来

回进入时不会触发mouseleave事件。

4.键盘事件:

常用的键盘事件有 keydown、keyup、keypress

keydown 事件发生在键盘被按下的时候,keyup事件发生在键盘释放的时候,在keydown 和 keyup 之间会

触发另一个事件------keypress事件。当按下键重复产生字符时,在keyup事件之前可能产生很多

(0)

相关推荐