案例：jQuery案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
$(document).ready(function(){
6
  $("p").mouseover(function(){
7
    $("p").css("background-color","yellow");
8
  });
9
  $("p").mouseout(function(){
10
    $("p").css("background-color","#E9E9E4");
11
  });
12
  $("#btn1").click(function(){
13
    $("p").mouseover();
14
  });
15
  $("#btn2").click(function(){
16
    $("p").mouseout();
17
  });
18
});
19
</script>
20
</head>
21
<body>
22
<p style="background-color:#E9E9E4">请把鼠标指针移动到段落上。</p>
23
<button id="btn1">触发段落的 mouseover 事件</button><br />
24
<button id="btn2">触发段落的 mouseout 事件</button>
25
</body>
26
</html>
27
​