1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>jQuery内部插入节点方法</title> 6 <script type="text/javascript" src="jquery-1.8.3.js"></script> 7 <script> 8 /* 9 1、append(content) 10 content表示追加到目标种的内容 11 向所选择的元素内部插入内容 12 13 14 2、prepend(content) 15 content表示插入目标元素内部前面的内容 16 向每个所选择的元素内部前置内容 17 18 19 3、prepend(function(index,html)) 20 通过function函数返回插入目标元素内容前面的内容 向所选择的元素内部前置function函数所返回的内容 21 22 23 4、prependTo(content) 24 content表示用于选择元素的jQuery表达式 25 将所选择的元素前置到另一个指定的元素集合中 26 27 28 */ 29 </script> 30 </head> 31 <body> 32 <!-- 33 34 5、append(function(index,html)) 35 通过function函数返回追加到目标中的内容 36 向所选择的元素内部插入function函数所返回的内容 37 38 <script> 39 $(function(){ 40 $("div").append(retHtml); 41 function retHtml(){ 42 var str="<b>Write Less Do More</b> "; 43 return str; 44 } 45 }) 46 </script> 47 <div>jQuery</div> 48 49 50 6、appendTo(content) 51 content表示被追加的内容 52 把所选择的元素追加到另一个指定的元素集合中 53 54 假如要将span标记插入div标记中，则执行下列代码： 55 56 $("span").appendTo($("div")); 57 58 --> 59 60 </body> 61 </html>