サマリー：4個添加新內(nèi)容的方法：.append(); //被選元素結(jié)尾插入內(nèi)容如: $("p").append("Some appended text.");.prepend(); //被選元素開頭插入內(nèi)容如: $("p").prepend("Some prepend text.");.append()和.prepend()連續(xù)
4個添加新內(nèi)容的方法：
.append(); //被選元素結(jié)尾插入內(nèi)容
如: $("p").append("Some appended text.");
.prepend(); //被選元素開頭插入內(nèi)容
如: $("p").prepend("Some prepend text.");
.append()和.prepend()連續(xù)添加若干新元素：
$("p").append(txt1, txt2, txt3); //以此類推
.after(); //被選元素之后插入內(nèi)容
如: $("p").after("Some prepend text.");
.before(); //被選元素之前插入內(nèi)容
如: $("p").before("Some prepend text.");
.after()和.before()連續(xù)添加若干新元素：
$("p").after(txt1, txt2, txt3); //以此類推
那么，兩組的區(qū)別是什么呢？
<1> .append()和.after()區(qū)別
append實在當(dāng)前元素"內(nèi)部最后"邊插入元素
after是在當(dāng)前元素"后面外"插入元素
<2> .prepend()和.before()區(qū)別
prepend實在當(dāng)前元素"內(nèi)部最前"邊插入元素
before是在當(dāng)前元素"前面外"插入元素
區(qū)別可從以下例子看出：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="dist/js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function() {
$("#appendTarget").append(",BMW,AUDI,BUICK");
$("#prependTarget").prepend("Porsches,");
$("#afterTarget").after("：S600L");
$("#beforeTarget").before("Brand：");
})
</script>
</head>
<body>
<p id="appendTarget">BENZ</p>
<p id="prependTarget">BENZ</p>
<p id="afterTarget">BENZ</p>
<p id="beforeTarget">BENZ</p>
</body>
</html>結(jié)果：
源碼：
<body> <p id="appendTarget">BENZ,BMW,AUDI,BUICK</p> <p id="prependTarget">Porsches,BENZ</p> <p id="afterTarget">BENZ</p>：S600L Brand：<p id="beforeTarget">BENZ</p> </body>
從源碼可以看出，他們之間的區(qū)別了。
2個刪除元素/內(nèi)容方法：
.remove(); //刪除被選元素
如： $("#delTarget").remove();
->擴展：
如，刪除class="italic"的所有<p>元素：
$("p").remove(".italic");
.empty(); //從被選元素中刪除子元素
如: $("#div1").empty();