jQuery 事件（ jQuery 事件方法/绑定事件/解绑事件/触发事件/事件对象）

jQuery 事件

jQuery 是为事件处理特别设计的。

jQuery的事件机制，指的是：jQuery对JavaScript操作DOM事件的封装，包括了：事件绑定、事件解绑、事件触发。

jQuery事件的发展历程 简单事件绑定 >> bind事件绑定 >> delegate事件绑定 >> on

什么是事件？

页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例：

1).在元素上移动鼠标。
2).选取单选按钮
3).点击元素
在事件中经常使用术语"触发"（或"激发"）例如： “当您按下按键时触发 keypress 事件”。

常见 DOM 事件：

事件函数	说明
click(handler)	单击事件
blur(handler)	失去焦点事件
mouseenter(handler)	鼠标进入事件
mouseleave(handler)	鼠标离开事件
dbclick(handler)	双击事件
change(handler)	改变事件，如：文本框值改变，下来列表值改变等
focus(handler)	获得焦点事件
keydown(handler)	键盘按下事件

jQuery 事件方法语法

在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。
页面中指定一个点击事件：

$("p").click();

下一步是定义什么时间触发事件。您可以通过一个事件函数实现：

$("p").click(function(){
   
    // 动作触发后执行的代码!!
});

常用的 jQuery 事件方法

1.$(document).ready()
$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。

2.click()
click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中，当点击事件在某个

元素上触发时，隐藏当前的

元素：

//实例
$("p").click(function(){
   
  $(this).hide();
});

3.dblclick()
当双击元素时，会发生 dblclick 事件。

dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：

//实例
$("p").dblclick(function(){
   
  $(this).hide