1 常见事件

jquery对事件进行了重新封装。采取了与原生JS完全不同的事件处理方法。JS是在HTMLDOM元素中个,添加事件属性,将事件属性与事件响应函数绑定的方法,完成事件响应机制。

jquery,大多数DOM事件都有一个等效的jQuery方法对应。调用jQuery对象的事件函数,传递高阶函数作为参数,用于回调。实现事件响应与主进程的异步通信。

鼠标事件

  • click
  • dblclick
  • mouseenter
  • mouseleave
  • hover

键盘事件

  • keypress
  • keydown
  • keyup

表单事件

  • submit
  • change
  • focus
  • blur

文档/窗口事件

  • load
  • resize
  • scroll
  • unload

2 事件处理

直接绑定事件处理方法

回调函数作为参数进行传递。

1
$("p").click(function(){$(this).hide()});

$(document).ready()

在加载完成文档后需要执行的函数。

通过bind绑定事件处理方法

可以直接在jQuery对事件进行绑定。而不用在html代码中书写js代码了。

  • bind绑定
1
$(selector).bind(eventtype,eventdata,handler(eventobject))