jquery 中关于DOM 的常用操作

* jquery 的 DOM 操作
* $("<p>create p</p>")  jQuery 中创建节点
* .append()  传参，参数可以是：{1.文本，2. 对象：{1.创建的对象，2. 获取的节点对象}
* .append()   .appendTo() 添加节点( 添加位置：匹配元素内容的最后  , 和匹配元素的关系：父子)；
* .prepend() .prependTo() 添加节点( 添加位置：匹配元素内容的最前面 , 和匹配元素的关系：父子)；
* .after()  .insertAfter()  添加节点( 添加位置：匹配元素的后面 , 和匹配元素的关系：兄弟)；会破坏文档结构 。
* .before()   .insertBefore()  添加节点( 添加位置：匹配元素的前面, 和匹配元素的关系：兄弟)；会破坏文档结构 。
* .wrap()   创建一个容器，包裹匹配的元素。  若参数对象是已经存在的节点，它会把参数对象及其所有内容复制一份，再把匹配的元素包裹起来。 $("p").wrap($(".box"));注意：.wrap()和.clone() 是不一样的。
* .unwrap() 去掉匹配元素的父级元素,(只能去掉一层父级元素)。注意：body是删不掉的。因为unwrap()是由安全保护的。
* .remove() 移除自身节点和本身节点所有的子元素。没有安全保护的，只要是节点都可以利用remove()方法移除。
* .empty() 删除指定节点的内容(包含文本和子节点)。 不接受参数 。
* .clone() 把匹配元素赋值一份，放置在你想放置的位置， 如：$(".outerP").clone().appendTo($box);。