jQ 常用的修改DOM结构的方法

参考链接 : http://api.jquery.com/after/

append https://developer.mozilla.org/zh-CN/docs/Web/API/ParentNode/append

remove https://developer.mozilla.org/zh-CN/docs/Web/API/ChildNode/remove

备注:

a. 新增节点的类型  JQ对象   DomString（<span>hello world </span>） 以及 function return 对象

b.  新增节点如果是已经存在的， 那么可以达到移动的效果(先删除 后添加)

parentNode.append((Node || DomString))    在父级节点后面追加一个元素

parentNode.prepend((Node || DomString))    在父级节点前面追加一个元素

refNode.after((Node || DomString))      在参考节点redNode后面添加一个元素

refNode.before((Node || DomString))      在参考节点redNode前面添加一个元素

refNode.remove()   删除参考节点refNode元素(包含它的子节点)