JQuery ----文档处理

1.append(content|fn)html

概述

向每一个匹配的元素内部追加内容。jquery

这个操做与对指定的元素执行appendChild方法,将它们添加到文档中的状况相似。app

2.appendTo(content)函数

概述

把全部匹配的元素追加到另外一个指定的元素元素集合中。spa

实际上,使用这个方法是颠倒了常规的$(A).append(B)的操做,即不是把B追加到A中,而是把A追加到B中。code

3.prepend(content)htm

概述

向每一个匹配的元素内部前置内容对象

这是向全部匹配元素内部的开始处插入内容的最佳方式。事件

4.prependTo(content)ip

概述

把全部匹配的元素前置到另外一个、指定的元素元素集合中。

实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操做,即不是把B前置到A中,而是把A前置到B中。

5.after(content|fn)

概述

在每一个匹配的元素以后插入内容。

6.before(content|fn)

概述

在每一个匹配的元素以前插入内容。

7.insertAfter(content)

概述

把全部匹配的元素插入到另外一个、指定的元素元素集合的后面。

实际上,使用这个方法是颠倒了常规的$(A).after(B)的操做,即不是把B插入到A后面,而是把A插入到B后面。

8.insertBefore(content)

概述

把全部匹配的元素插入到另外一个、指定的元素元素集合的前面。

实际上,使用这个方法是颠倒了常规的$(A).before(B)的操做,即不是把B插入到A前面,而是把A插入到B前面。

9.wrap(html|ele|fn)

概述

把全部匹配的元素用其余元素的结构化标记包裹起来。

这种包装对于在文档中插入额外的结构化标记最有用,并且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时没法使用这个函数。所以,若是要添加文本应该在包裹完成以后再行添加。

10.unwrap()

概述

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

11.wrapAll(html|ele)

概述

将全部匹配的元素用单个元素包裹起来

这于 '.wrap()'<a href="http://docs.jquery.com/Manipulation/wrap" title="Manipulation/wrap"></a> 是不一样的,'.wrap()'为每个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用,并且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。

html描述:

用一个生成的div将全部段落包裹起来

jQuery 代码:
$("p").wrapAll("<div></div>");

12.wrapInner(htm|ele|fnl)

概述

将每个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。

13.replaceWith(content|fn)

概述

将全部匹配的元素替换成指定的HTML或DOM元素。

14.replaceAll(selector)

概述

用匹配的元素替换掉全部 selector匹配到的元素。

15.empty()

概述

删除匹配的元素集合中全部的子节点。

16.remove([expr])

概述

从DOM中删除全部匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除,于是能够在未来再使用这些匹配的元素。但除了这个元素自己得以保留以外,其余的好比绑定的事件,附加的数据等都会被移除。

17.detach([expr])

概述

从DOM中删除全部匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除,于是能够在未来再使用这些匹配的元素。与remove()不一样的是,全部绑定的事件、附加的数据等都会保留下来。

18.clone([Even[,deepEven]])

概述

克隆匹配的DOM元素而且选中这些克隆的副本。

在想把DOM文档中元素的副本添加到其余位置时这个函数很是有用。

相关文章
相关标签/搜索