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()