jQuery添加-append（）方法和after（）方法的区别

jquery的append（）方法可以在被选中元素的结尾插入内容。这个意思是在该元素上做文章。

ex：

$("p").append("hello,csdn");

after()方法可以在被选中的元素的下方插入内容，该内容重新起一行，

与被选择的元素并没有什么逻辑上的联系，也就是说，在有序列表上，

用该方法，添加后并不会紧接上面的序号。

同理，prepend（）和before（）方法。

利用after（）方法来创建和插入元素：

function afterText()
{
    var txt1="<b>I</b>";//通过HTML来创建新的元素
    var txt2=$("<i></i>").text("love");//通过jquery来创建新的元素
    var text3=document.createElement("big");//通过DOM来创建新的元素
    text3.innerHTML="csdn";
    $("img").after(txt1,txt2,text3);//在img之后插入新的元素
}

注意，这里不能使用append（）方法，因为append（）方法是在给定的元素的

结尾追加，而图片中并不可以。

而使用append（）方法来创建和插入元素可以在段落等中使用，使用的方法同上。