jQuery——节点操作

创建节点

1、$()&＃xff1a;创建一个li标签

$("<li class&＃61;&＃39;aaa&＃39;>我是li标签li>")

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

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

添加节点

1、append()&＃xff1a;在ul盒子内最后一位添加li标签

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

2、appendTo()&＃xff1a;同上&＃xff0c;只是添加的对象在前面

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

3、prepend()&＃xff1a;在ul盒子内第一位添加li标签

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

4、prependTo()&＃xff1a;同上&＃xff0c;只是添加的对象在前面

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

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

$("li").after(jqNewLi)&＃xff1b;

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

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

删除节点

1、html("")&＃xff1a;清空ul盒子中所有子节点

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

2、empty("")&＃xff1a;清空ul盒子中所有的子节点

$("ul").empty();

3、remove()&＃xff1a;删除指定节点----自杀&＃xff01;

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

 复制节点

1、clone()&＃xff1a;复制指定节点&＃xff0c;默认是深层复制&＃xff0c;内部所有内容都复制

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