<head> <meta charset="utf-8"/> <script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> /*创建节点*/ $(function(){ //1,创建元素节点append var $li = $("<li></li>"); $("ul").append($li); //2,创建属性节点,创建元素节点的时候,写上属性就ok var $title=$("<li title=apple></li>"); $("ul").append($title); //3,创建文本节点,创建元素节点的时候,写上文本内容就ok var $content=$("<li>芒果</li>"); $("ul").append($content); //区别一下append() 和appendTo() //append() 父元素追加xxx为子元素 //appendTo() 将匹配的元素追加到某个元素上 var $girl=$("<p title=桃>你好</p>"); $girl.appendTo($("body")); }); </script> </head> <body> <p title="水果">你最喜欢的水果</p> <ul> <li title="橘子">橘子</li> <li>苹果</li> <li>梨</li> </ul> </body> </html>