jQuery中常见事件的示例，如绑定、悬停、切换等

1美元（文件）Ready（）

$（document）。Ready（）是一个典型的方法来响应Javaｓｃｒｉｐｔ内置的onload事件和jQuery中执行任务。它具有类似的效果，但会有一定的差异：

当一个文件完全下载到浏览器，这在window.onload事件触发。HTML注册事件处理程序（文件），Ready（）将运行在HTML下载并解析成DOM树，但这并不意味着所有相关的文件已经被下载。

一个网页通常只有一个onload事件处理程序，它一次只能救一个函数参考，同时有超过$（document）的Ready（）。

总的来说，$（document）。Ready（）要优于onload事件处理程序使用。但如果相关文件还没有被加载，然后属性，类似于图像的高度和宽度的电话会有问题，所以有必要选择在不同的时间适当方法。

在$（文档）中有三种写方式：Ready（），它们是：
$（文档）Ready（函数（）{）

这就是编码…

}）；
$（）Ready（函数（）{）

这就是编码…

}）；
$（函数（）{（））

这就是编码…

}）；
2。事件绑定

语法

$（选择器）Bind（事件、数据、函数）

参数和描述：

事件：有必要指定一个或多个添加到元素中的事件。多个事件用空格分隔。它必须是有效事件。

数据是可选的。指定传递给函数的附加数据。

函数是必需的，一个函数指定当事件发生时运行的函数。

相应的绑定（）：删除事件

Eg：$（' # idchoose）。Unbind（按，function_name）

缩写绑定事件：通常首选缩写
$（# dividelement ）Bind（单击。

$（# dividelement）。Click（函数（）{ / /做什么}
jQuery的元素使用绑定。绑定（）方法，采用Unbind（）绑定元素的方法。和。绑定（）方法可以执行多个绑定，如果没有约束力，这是安全的当绑定绑定。

很多时候，只需要触发一次事件，然后立即撤消绑定。按照传统的做法，我们5月1日将事件绑定然后打开它后的event.jquery执行为我们提供了一个简化的方法。一、解决繁琐的代码编写上述情景下。示例如下：
$（文档）Ready（函数（）{）

$（# swotcjer）。1（听到咔哒声，togglestyleswitcher）；

}）；
顺便说一下，绑定绑定事件的好处是可以定义自定义事件，并且可以同时绑定多个事件。

三.综合事件

捕获事件时，我们常常需要捕获合并的用户操作并响应多个函数。这些事件称为复合事件。

jQuery提供的现成（）方法是最常用的事件方法之一。此外，还有两个相互作用时使用的功能：

悬停（输入，离开）模仿悬停事件的方法（鼠标移动到对象并移出对象）。这是一种自定义方法，提供了将经常使用的任务保存在其中的状态。
$（函数（）{（））

$(#panelh5.head).Hover (function () {)

$（这个）；

}函数（）{（）

$（这个）；

}）

}）
。切换（FN1、FN2，.. FNN）开关函数来调用你的每一次点击，用来模拟鼠标连续点击事件的例子：
$（函数（）{（））

$（# panelh5。头）。Toggle（function（）{）

$（这）。AddClass（亮点）；

$（这个）；

}函数（）{（）

$（这）。RemoveClass（亮点）；

$（这个）；

}）；

}）
4。事件对象和事件冒泡

事件对象：在程序中使用事件对象非常简单，只需向函数添加一个参数即可：
$（元素）Click（函数（事件）{）

事件：事件对象

}）
当元素元素被单击时，事件对象被创建。这个对象只能被事件处理函数访问。当事件处理函数完成时，事件对象被销毁。

事件捕获：一种允许多个元素对事件作出响应的策略。在事件捕获过程中，事件首先被传递到最外层的元素，然后再传递给更具体的元素。

事件冒泡：另一个相反的策略称为时间冒泡。当事件发生时，它将首先发送到最特定的元素。当这个元素获得响应机会后，它会冒泡到更一般的元素。有时事件会产生副作用，导致意外的行为。

防止起泡的三种方法

通过调用the.preventdefault（）方法，该事件可以默认操作前终止了。

电话event.stoppropagation（）停止事件传播

jQuery提供了a.stoppropagation（）方法可以完全阻止事件冒泡。

5。使用event.tatget属性明确的事件对象

在事件处理程序中，事件将事件对象的属性。event.tatget持有该事件的目标元素。此属性指定在domapi，但并不是所有的browsers.jquery实施进行必要的扩展事件对象，该属性可以用在任何browser.through.target，可以确定在接收事件DOM的第一要素。此外，我们知道这是指的DOM元素，处理事件。

使用event.tatget属性明确的事件对象来阻止事件冒泡的代码如下：
$（文档）Ready（函数（）{）

$（'switcher）。Click（函数（事件）{

如果（事件=目标=此）

{

（'switcher美元。巴顿）。ToggleClass（隐藏的）；

}

}）；

}）；
其他事件对象属性可以引用W3C的介绍。