jQuery操作页面的元素

主要有添加，替换，删除，清空三种方式：

添加又分为，在之前添加，在之后添加，在元素外之前添加，在元素外之后添加。每个添加方式又有俩种方法（效果一模一样）：

 

俩种方法区添加，在原内容之后：

p.appendTo("#div");
$("#div").append(p);

 

俩种方法区添加，在原内容之前：

p.prependTo("#div");
$("#div").prepend(p);

 

俩种方法区添加，在原内容外的前面添加：

p.insertBefore("#div");
$("#div").before(p);

 

俩种方法区添加，在原内容外的后面添加：

p.insertAfter("#div");
$("#div").after(p);

 

 

替换指定结点元素，也时俩种方式（下标是从1开始）：

p.replaceAll("div p:nth-child(2)");
$("div p:nth-child(2)").replaceWith(p);

 

 

删除指定结点元素：

1.删除整个div：

$("div").remove();

2.删除指定元素，下标从1开始：

$("div p:nth-child(4)").remove();

 

 

清空内容 和删除也一样也时俩种方式（清空和删除的区别：清空只是将内容清空，框架还在，删除就是全部删除）：

1.清空整个div：

$("div").empty();

2.清空指定元素：

$("div p:nth-child(2)").empty();