jquery文档处理——文档插入

DOM文档处理：

内部插入：父子级关系

$(a).append($(b));  / $(a).preppend($(b)); 把b插入到a中；（插入到a里面的后面/前面）

        $("input").click(function(){
            $("div").append($("
段落
"));
        });

$(b).appendTo($(a)); /$(b).preppendTo($(a)); 把b插入到a里面的后面/前面；

        $("input").click(function(){            
            $("p").appendTo($("div"));
        });

上述方式的插入一定是父子级关系；

外部插入：兄弟级关系

$(a).after($(b));  /$(a).bafore($(b)); 把b插入到a的后面/前面；

$(b).insertAfter($(a))/ $(b).insertBefore($(a));    把b插入到a的后面/前面；