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>