jQuery添加/删除元素

jQuery append() 方法

jQuery append() 方法在被选元素的结尾插入内容（仍然该元素的内部）。

追加前：<p>这是一个文本段落</p>

$("p").append("<b>追加文本</b>");

追加后：<p>这是一个文本段落<b>追加文本</b></p>

jQuery prepend() 方法

jQuery prepend() 方法在被选元素的开头插入内容。

追加前：<p>这是一个文本段落</p>

$("p").prepend("<b>追加文本</b>");

追加后：<p><b>追加文本</b>这是一个文本段落</p>

通过 after() 和 before() 方法添加若干新元素

与上面两种方法不同的是，after是在结束标签之后添加，before是在起始标签之前添加。

追加前：<p>这是一个文本段落</p>

$("p").before("<b>追加文本</b>");

追加后：<b>追加文本</b><p>这是一个文本段落</p>

注：与append和prepend一样，可以同时添加多个元素。

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

$("#div1").remove();

可添加一个参数进行过滤，如：

$("p").remove(".italic");   //删除 class="italic" 的所有 <p> 元素

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

$("#div1").empty();