jQuery中的事件与动画

一、基础事件

  常用的基础事件有鼠标事件、键盘事件、window事件、表单事件

  语法:

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

  或:

    DOM 对象.事件名=函数;

二、载入事件

  常用鼠标事件:

  click()        鼠标单击时

  mouseover()     鼠标移入时

  mouseout()       鼠标移出时

  mouseenter()      鼠标进入时

  mouseleave()      鼠标离开时

  this指向调用这个方法的DOM对象

  mouseover()与mouseenter()的区别:

    前者在鼠标被选中的子元素上进入也可触发该事件,后者则不会

  mouseout与mouseleave()的区别:

    前者在鼠标被选中的子元素上离开也可触发该事件,后者则不会

三、键盘事件

  常用的键盘事件:

    keydown()  按下键盘时

    keyup()    释放键盘时

    keypress()       产生可打印的字符时

四、浏览器事件

  语法:

    $(selector).resize();

五、绑定和移除事件

  绑定语法:

    bind(type,[data],fn);

   bind常用参数:

    type     事件类型

    [data]  可选参数

    fn      处理函数

  移除语法:

    unbind([type],[fn]);

  unbind常用参数:

    type  事件类型

    fn   处理函数

六、复合函数

  hover()

    该函数相当于mouseentr和mouseleave事件的组合

  语法:

    hover(enter,leave);

  toggle()

    该函数单击一次是触发第一个函数,单击第二次时触发第二个函数......函数触发完返回第一个函数

  语法:

    toggle(fn1,fn2,....)

  当toggle函数不带方法时,与show和hide作用一样

posted @ 2019-06-17 17:22  梅川酷子灬  阅读(118)  评论(0编辑  收藏  举报