DOM操作方法简单归纳

1.要在每个匹配的元素中插入新元素

            append()

            appendTo()

            prepend()

            prependTo()

2.要在每个匹配的元素相邻的位置插入新元素

            after()

            insertAfter()

            before()

            insertBefore()

3.要在每个匹配的元素外部插入新元素

            wrap(html)  把所有匹配的元素用其他元素的结构化标记包装起来。这种包装对于在文档中插入额外的

                                结构化标记最有用，而且它不会破坏原始文档的语义品质。

                             html (String): HTML标记代码字符串，用于动态生成元素并包装目标元素

                  例：$("p").wrap("<div class='wrap'></div>");

                        <p>Test Paragraph.</p>

                        结果：<div class='wrap'><p>Test Paragraph.</p></div>

 

 

4.要用新元素或文本替换每个匹配的元素

            html()  取得第一个匹配元素的html内容。这个函数不能用于XML文档。

                  例：$("div").html();

                        <div><input/></div>

                        结果：<input/>

            text()  取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对

                        HTML和XML文档都有效。

                  例：$("p").text();

                        <p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>

                        结果：Test Paragraph.Paraparagraph

5.要移除每个匹配的元素中的元素

            empty() 删除匹配的元素集合中所有的子节点。

                  例：$("p").empty()

                        <p>Hello, <span>Person</span> <a   href="#">and person</a></p>

                        结果：[ <p></p> ]

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

            remove()