jQuery——节点操作

创建节点

1、$()：创建一个li标签

$("<li class='aaa'>我是li标签</li>")

2、html()：创建一个li标签并同时添加到ul盒子中，这个添加实际上是整体替换

 $("ul").html("<li>我是html方法穿件出来的li标签</li>")

添加节点

1、append()：在ul盒子内最后一位添加li标签

$("ul").append(jqNewLi);

2、appendTo()：同上，只是添加的对象在前面

jqNewLi.appendTo($("ul"));

3、prepend()：在ul盒子内第一位添加li标签

$("ul").prepend(jqNewLi);

4、prependTo()：同上，只是添加的对象在前面

jqNewLi.prependTo($("ul"));

5、after()：在li标签后添加新的标签，特别注意------此处是在已有的所有li后追加一个新的li标签

$("li").after(jqNewLi)；

6、before()：在li标签前添加新的标签，特别注意------此处是在已有的所有li前追加一个新的li标签

$("li").before(jqNewLi);

删除节点

1、html("")：清空ul盒子中所有子节点

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

2、empty("")：清空ul盒子中所有的子节点

$("ul").empty();

3、remove()：删除指定节点----自杀！

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

 复制节点

1、clone()：复制指定节点，默认是深层复制，内部所有内容都复制

$(".box ul").clone();

 

转载于:https://www.cnblogs.com/wuqiuxue/p/8033255.html