案例:jquery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js"></script>
5
<script>
6
$(document).ready(function(){
7
  $("#btn1").click(function(){
8
    $("img").before("<b>Before</b>");
9
  });
10
11
  $("#btn2").click(function(){
12
    $("img").after("<i>After</i>");
13
  });
14
});
15
</script>
16
</head>
17
18
<body>
19
<img src="/img/eg_W3xue.gif" alt="W3xue Logo" />
20
<br><br>
21
<button id="btn1">在图片前面添加文本</button>
22
<button id="btn2">在图片后面添加文本</button>
23
</body>
24
</html>
25