案例:jquery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js">
5
</script>
6
<script>
7
$(document).ready(function(){
8
  $("button").click(function(){
9
    $("#div1").addClass("important blue");
10
  });
11
});
12
</script>
13
<style type="text/css">
14
.important
15
{
16
font-weight:bold;
17
font-size:xx-large;
18
}
19
.blue
20
{
21
color:blue;
22
}
23
</style>
24
</head>
25
<body>
26
27
<div id="div1">这是一些文本。</div>
28
<div id="div2">这是一些文本。</div>
29
<br>
30
<button>向第一个 div 元素添加类</button>
31
32
</body>
33
</html>
34