<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ //版定click事件 $('#btnok').bind('click',function(){ //1.在div元素尾部插入jquery //$('div#div1').after('jquery'); //2.在div元素头部插入 //$('#div1').before('jquery'); //3.把匹配到的元素插入到元素的尾部 //$('#p1').insertAfter('#div1'); //4.把匹配道德元素插入到元素的头部 $('#div1').insertBefore('#p1'); alert($('body').html()); }); }); </script> </head> <body> <p id="p1">p1</p> <hr /> <div id="div1">div1</div> <hr /> <input type="button" id="btnok" value="插入操作" /> </body> </html>