1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
7 <script type="text/javascript">
8 $(function(){
9 // $('#p1').insertBefore($('#title01'));
10
11 $('#title01').before($('#p1'));
12
13 $('#span01').appendTo('#p1');
14
15 $('#link01').prependTo('#p1');
16
17 $('#title01').remove(); // 删除节点
18
19 });
20 </script>
21 </head>
22 <body>
23 <h1 id="title01">这是一个h1标签</h1>
24 <p id="p1">这是一个p元素</p>
25 <span id="span01">这是一个span元素</span>
26 <a href="#" id="link01">this is a link</a>
27
28 </body>
29 </html>
