jQuery内部插入节点方法

 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>
View Code
高否？富否？帅否？否？滚去学习！