<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加删除替换插入</title> </head> <body> <div class="box"> <p>这是p标签内容</p> </div> </body> <script type="text/javascript" src="jquery-3.2.1.js"></script> <!-- <script type="text/javascript" src="jquery-1.7.2.js"></script> --> <script type="text/javascript"> $(function(){ //$(".box").append('<span>添加的内容</span>'); 在。box元素内部后面添加 //$(".box p").remove(); 删除.box元素里面的p元素 // $(".box p").replaceWith("<span>替换的内容</span>"); $("<span>插入内容</span>").insertBefore("p"); }) </script> </html>