replaceAll:替换目标元素集中的所有元素,目标元素集可以是选择器、JQuery对象、DOM元素、数组或选择器接受的表达式。如果定义调用replaceAll的源元素是通过普通的html字符串定义的,则会复制源元素然后替换目标元素集中的元素。如果是通过选择器表达式定义的,则如果存在选择器表达式匹配的元素,则从DOM中移除匹配的元素,并进行复制后,去替换目标元素集中的元素。如果不存在选择器表达式匹配的元素,则会删除目标元素。replaceAll返回替换后的新的元素集。eg:用所有name属性为test的元素替换所有的p元素,$("[name=test]").replaceAll($("p"))。

replaceWith:用提供的新内容替换匹配元素集中的每个元素,并返回被删除的元素集。替换的内容可以是html字符串、DOM元素、数组或JQuery对象。与replaceAll相反,replaceWith接受的是源元素。如果传入的源元素是通过普通的html字符串定义的,则会复制源元素然后替换目标元素集中的元素。如果是通过选择器表达式定义的,则如果存在选择器表达式匹配的元素,则从DOM中移除匹配的元素,并进行复制后,去替换目标元素集中的元素。如果不存在选择器表达式匹配的元素,则会删除目标元素。replaceWith返回替换前的目标元素集。eg:用所有name属性为test的元素替换所有的p元素,$("p").replaceWith($("[name=test]"))。

此外,从JQuery1.4起,replaceWith还可以接受一个函数作为参数,此函数没有任何参数,并返回用于替换目标元素集的元素集,如果返回空字符串,或者没有匹配到元素的选择器,则会删除目标元素集中的元素,否则会用返回的元素集替换目标元素集的元素。

JQuery替换元素相关推荐

  1. jquery的DOM节点操作(替换元素节点)

    1.替换元素节点 在jquery中,如果要替换元素中的节点,可以使用replaceWith()和replaceAll()这两种方法.这里我们推荐使用replaceWith()方法,其语法格式分别如下: ...

  2. jquery删除替换元素remove、detach、empty、replaceWith、replaceAll

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery删除替换元素 jquery中进行删除替换元素的函数包括remove.detach.empty.replaceWi ...

  3. JQuery替换和删除元素

    1.replaceWith方法 用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合 参数类型说明: 1)普通字符串(可包含各种html标签) 2)jQuery对象 ①使用函数创建的新元素(j ...

  4. JavaScript 学习-37.jQuery 添加/删除/替换元素

    前言 通过 jQuery,可以很容易地添加和删除元素. 添加元素 添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after ...

  5. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

  6. 如何使用jQuery替换div的innerHTML?

    本文翻译自:How to replace innerHTML of a div using jQuery? How could I achieve the following: 我怎样才能实现以下目标 ...

  7. c语言一个数组后添加元素append,jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等)...

    1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同 (1) append()方法: $("#test&quo ...

  8. jQuery操作元素和DOM

    一.操作元素 Ⅰ.操作文本内容 ①语法text() ②替换文本内容 ③以纯文本方式实现, 不能是标签 <!DOCTYPE html> <html lang="en" ...

  9. jquery循环元素找到每个元素的data-index索引号

    jquery循环元素获取索引号报错 刚开始我根据 for(var i=0;i<uid.length;i++) { console.log(uid[i].attr('data-index'))} ...

最新文章

  1. Ubuntu14.04重启网卡不生效
  2. Linux中变量#,#,@,0,0,1,2,2,*,$$,$?的含义
  3. jsp/servlet学习笔记(核心编程)mysql部分
  4. kibana操作elasticsearch:新增数据(自定义id)
  5. ios中base64编码
  6. 湖北大学计算机袁云,暑期走访不停歇 远赴异地送关怀——学校慰问离退休教职工和校友...
  7. informatica中元数据管理
  8. 详解Spring框架的依赖注入
  9. 显示画面 大华摄像头_大华乐橙智能锁荣获2020房地产首选供应商前十强
  10. 企业如何抵御弱云密码带来的威胁
  11. android系统的图标大小,android开发中手机图标大小的问题
  12. 【毕业论文】参考文献的引用格式
  13. MinGW编译windows可以调试的ffmpeg4.4
  14. SqlServer 获取工作日(周六、周日休息,周六日不休息,周六不休息)
  15. android设置自动亮度,android5.1 自动亮度调节简析
  16. 《A Graduate Course in Applied Cryptography》Chapter 12 Chosen ciphertext secure pkc(4)finish
  17. 软件工程--团队答辩
  18. Ethercat学习-从站源码移植
  19. 2021-01-19Winter Camp 2021 Training 6训练
  20. 马化腾曾在家搞四条电话线和8台电脑,做慧多网深圳站站长

热门文章

  1. 「大数据的关键思考系列」15:阿里巴巴的大数据实践(1)
  2. uoj #311.【UNR #2】积劳成疾 dp
  3. 【Filecoin周报-62】倒计时1天,太空竞赛准备怎么样了?
  4. 文件操作的实例——下载并合并流式视频文件
  5. 数学建模竞赛解题思路
  6. 中值定理证明题解题思路
  7. SIGGRAPH Asia 2022 | 港中文MMLab:Marker Correspondence估计框架和应用
  8. EDUCoder编程练习题解(结构体)
  9. linux parted 直接删除分区,CentOS7硬盘分区,删除分区,格式化分区硬盘,支持4T硬盘,fdisk,parted简单用法...
  10. 通过堡垒机/跳板机实现文件在本地Mac与服务器之间的互传