案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
function changeSize()
6
  {
7
  $(this).animate({fontSize:"+=3px"});
8
  }
9
function changeSpacing()
10
  {
11
  $(this).animate({letterSpacing:"+=2px"});
12
  }
13
14
$(document).ready(function(){
15
  $("body").delegate("p","click",changeSize);
16
  $("body").delegate("p","click",changeSpacing);
17
  $("button").click(function(){
18
    $("body").undelegate("p","click",changeSize);
19
  });
20
});
21
</script>
22
</head>
23
<body>
24
<p>这是一个段落。</p>
25
<p>这是另一个段落。</p>
26
<p>点击任何段落增加字体大小和字符间距。包括本段落。</p>
27
<button>从 p 元素删除由 delegate() 方法添加的事件处理器 changeSize()</button>
28
</body>
29
</html>
30