<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>节点操作</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ var $h1 = '<h1>This is an h1 tag </ h1> var;' div01 ') prepend ($ in.); // $ ($ EM) .prependTo ( '. div01') // new element is added to an existing element (external - later). // $ ( 'div01.') After ($ I);. // $ ( I $) .InsertAfter ( '. div01') // new element is added to an existing element (external - in front). // $ ( 'div01.') before ($ strong);. // $ ($ strong ) .insertBefore ( '. div01'); // delete the existing label the Remove $ ( ' .div01 ' ) .remove () // delete the existing label when relying on this label to add other tags will be deleted! !!! }) </ Script > </ head > < body > < div class = "div01"> I am a div element</ Div > < div class = "div02" > I am a div element </ div > </ body > </ HTML >