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();