jquery Dom操作方法简单归纳

1、在html 中创建元素使用$()

$(document).ready(function() {
    $('<a href="#top">back to top</a>');
    $('<a id="top"></a>');
});

2、在每个匹配的元素中插入新元素的方法

 1. prependTo()
 2. prepend()
 3. appendTo()
 4. append()

3、在每个匹配元素相邻的位置上插入新元素

 1. insertBefore()
 2. before()
 3. insertAfter()
 4. after()

4、要在每个匹配元素的外部 插入新元素

 1. wrap()
 2. wrapAll()
 3. wrapInner()

$(document).ready(function() {
$('span.footnote')
    .insertBefore('#footer')
    .wrapAll('<ol id="notes"></ol>')
    .wrap('<li></li>');
});

wrapInner() 方法使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容 (inner HTML)
在每个 p 元素的内容上包围 b 元素：

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

5、用新元素或文本替换每个匹配的元素

 1. html()
 2. text()
 3. replaceAll()  方法用指定的 HTML 内容或元素替换被选元素。
 4. replaceWith()

replaceAll() 方法用指定的 HTML 内容或元素替换被选元素。
replaceAll() 与 replaceWith() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceWith() 能够使用函数进行替换。

replaceAll()使用案例：http://www.soso.io/article/31939.html

6、移除每个匹配的元素中的元素

empty()

7、从文档中移除每个匹配的元素及其后代，但不实际的删除他们

 1. remove()
 2. detach()