2017/6/26 学习心得 jq节点操作

一、动态创建元素（创建出是jq）

回顾js创建方法：

jq节点创建：

1、$("标签")  $("<p></p>")  类比于js中document.createElement
（“li”）

2、$("ul").html("<li></li>")  类比innerHTML  如果$("ul").html(），代表获取ul的文本内容

 二、添加元素

1、append() 重点 

var jqli=$("<li>123</li>");

$(:ul").append(jqli); //在盒子末尾添加

2、appendTo() 

jqli.appendTo($("ul"));  //把jqli添加到ul当中

3、prepend()

$(“ul“）.prepend(jqli); //在盒子最前面添加

prepenTo和appendTo同理

ps：

以上3个一样

如果是$("#box1").append($("#box2 p"),p会加到box1里面，而box2里面p会消失

4、before()

$("li").before(jqli)  加到整个ｌｉ的前面

5、after()

同上 加到后面

三、删除和清空节点

清空：

1、.html("")

$("ul").html("");

2、.empty()

$("ul").empty()

删除：

$("li:eq(0)").remove();

四、复制节点

 clone（）

var newul= $("ul").clone(); //复制ul这个节点

$(".box").append(newul); //放到box里面