jQuery文档处理:内部插入、外部插入、包裹、替换、删除、复制学习笔记

1、内部插入

  1. append(content|fn),向每个匹配的元素内部追加内容。
  2. appendTo(content),把所有匹配的元素追加到另一个指定的元素元素集合中。
  3. prepend(content|fn),向每个匹配的元素内部前置内容。
  4. prependTo(content),把所有匹配的元素前置到另一个、指定的元素元素集合中。

2、外部插入

  1. after(content|fn),在每个匹配的元素之后插入内容。
  2. before(content|fn),在每个匹配的元素之前插入内容。
  3. insertAfter(content),把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
  4. insertBefore(content),把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

3、包裹

  1. wrap(html|ele|fn),把所有匹配的元素用其他元素的结构化标记包裹起来。
  2. unwrap(),这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。
  3. wrapAll(html|ele),,将所有匹配的元素用单个元素包裹起来
  4. wrapInner(html|ele|fn),将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

4、替换

  1. replaceWith(content|fn),将所有匹配的元素替换成指定的HTML或DOM元素。
  2. replaceAll(selector),用匹配的元素替换掉所有 selector匹配到的元素。

5、删除

  1. empty(),删除匹配的元素集合中所有的子节点。不删除自己
  2. remove([expr]),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
  3. detach([expr]),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。

6、复制

  1. clone([Even[,deepEven]]),克隆匹配的DOM元素并且选中这些克隆的副本。clone()无论传不传参数,都是把节点及其子节点都复制一份,复制节点和事件
全部评论

相关推荐

牛客868257804号:九个中铁八个中建
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务