jQuery中的文档处理

1.append( content|fn ) 向每个匹配的元素内部追加内容。

2.appendTo(content) 把所有匹配的元素追加到另一个指定的元素集合中。实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

3.prepend( content|fn ) 向每个匹配的元素内部前置内容。

例:将一个DOM元素前置入所有段落

HTML代码:

<p><b class="foo">Hello</b>I would like to say:</p>

<p><b class="foo">Hello</b>I would like to say:</p>

<b class="foo"> Good Bye</b>

jQuery代码:

$("p").prepend($("foo")[0]);

结果:

<p>I would like to say:</p>

<p>I would like to say:</p>

<b class="foo">Hello</b>

<b class="foo"> Good Bye</b>

4.prependTo(content) 把所有匹配的元素前置到另一个、指定的元素元素集合中。实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。

5.after( content|fn )在每个匹配的元素之后插入内容。

6.before( content|fn )在每个匹配的元素之前插入内容。

7.insertAfter(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。

8.insertBefore(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

9.wrap( html|element|fn )把所有匹配的元素用其他元素的结构化标记包裹起来。

10.unwrap() 这个方法将移出元素的父元素。这能快速取消.wrap()方法的效果。匹配的元素会在DOM结构上替换他们的父元素。

11.wrapAll(html | ele)将所有匹配的元素用单个元素包裹起来。

12.WrapInner(html | element | fnl) 将每一个匹配的元素子内容(包括文本节点)用一个HTML

结构包裹起来。

13.replaceWith( content|fn ) 将所有匹配的元素替换成指定的HTML或DOM元素。

14.replaceAll(selector) 用匹配的元素替换掉所有selector匹配到的元素。

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

16.remove([expr]) 从DOM中删除所有匹配的元素。

17.detach([expr]) 从DOM中删除所有匹配的元素。

18.clone([Even[,deepEven]]) 克隆匹配的DOM元素并且选中这些克隆的副本。

 

原文地址:https://www.cnblogs.com/Ellen-study/p/7256791.html