jQuery-替换和删除元素

Posted 舒山

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-替换和删除元素相关的知识,希望对你有一定的参考价值。

1、replaceWith方法
用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合
参数类型说明:
  1)普通字符串(可包含各种html标签)
  2)jQuery对象
    ①使用$函数创建的新元素(jQuery对象)
    ②使用$函数获取页面中已经有的元素(jQuery对象)
    此时会将已有的元素移动到新位置
    ③使用clone方法克隆页面中已经有的元素(jQuery对象)
  3)html元素对象、html元素对象数组
  4)函数
    有多少个匹配元素,这个函数就会执行多少次!
    函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素内的html
    函数内部this代表当前的html元素对象
    return 的数据就是替换成的内容(可以为html元素,也可以是jQuery对象)
2、replaceAll方法
  用集合的匹配元素替换每个目标元素(同replaceWith)
  与replaceWitch区别:
    目标和源相反
    创建新元素返回的jQuery对象与
    选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的元素移动至目标元素处)!
    参数(表示要插入元素的目标位置):
    Selector或者jQuery对象或者html元素对象/html元素对象数组

3、detach()方法
  从页面中去除所匹配的元素,返回调用该元素jQuery对象
  参数说明:
  (可选)一个选择器将需要移除的元素从匹配的元素中过滤出来
4、empty()方法
  从页面中移除匹配元素的所有后代元素(包括文本)
5、remove()方法
  将匹配元素集合从页面中删除,返回调用该元素jQuery对象(同时移除元素上的事件处理函数及关联数据)
  如果删除的元素,不需要删除关联数据和事件,请使用detach()
  参数说明:
  (可选)一个选择器用来过滤将被移除的匹配元素集合
6、unwrap()方法
  将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置

 

以上是关于jQuery-替换和删除元素的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript课程——Day21(jQuery下class操作css操作元素宽高元素的位置滚动条创建.添加.替换.删除.克隆节点事件滑上事件的区别)

删除 DOM 元素后我应该调用 jQuery.off 吗?

jquery给div添加下级元素

jQuery的节点添加删除替换等操作

jQuery学习手册(21)

DOM替换replaceWith()和replaceAll()