案例:jquery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js"></script>
5
<script>
6
function afterText()
7
{
8
var txt1="<b>I </b>";                    // 以 HTML 创建元素
9
var txt2=$("<i></i>").text("love ");     // 通过 jQuery 创建元素
10
var txt3=document.createElement("big");  // 通过 DOM 创建元素
11
txt3.innerHTML="jQuery!";
12
$("img").after(txt1,txt2,txt3);          // 在 img 之后插入新元素
13
}
14
</script>
15
</head>
16
<body>
17
18
<img src="/img/eg_W3xue.gif" alt="W3xue Logo" />
19
<br><br>
20
<button onclick="afterText()">在图片后面添加文本</button>
21
22
</body>
23
</html>
24