元素添加

元素的添加

之前添加的代码

 

jq的写法

 

（1）在元素最后面添加

<div id="div1"></div>
<button id="btnAppend">后面添加段落</button>
<button id="btnPrepend">前面添加段落</button>

 

$("#btnAppend").click(function () {
    $("#div1").append("<p>添加到段落后面</p>");
});

（2）在元素最前面添加

$("#btnPrepend").click(function () {
    $("#div1").prepend("<p>添加到段落前面</p>");
});

 

（3）after（后）与before（前）

 

 

after添加会在元素的后面添加，不会成为其子元素