jQuery 合成事件详解
在 Web 开发中，处理鼠标交互往往需要监听多个原生事件。jQuery 提供了合成事件的概念，将常用的事件组合封装，让代码更简洁。最典型的例子就是 hover 方法。
案例演示
下面是一个完整的 HTML 示例，展示了如何使用 hover 控制图片大小，以及如何利用 trigger 模拟点击触发逻辑。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>合成事件</title>
<style type="text/css">
.big { width:250px; height:250px; }
</style>
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
// hover 等价于 onmouseover + onmouseout
$("img").hover(
function(){
$(this).width("250").height("250");
},
(){
$().().();
}
);
$().();
});
(){
$().();
}
