在jQuery中有两个方法可以执行对标签的替换操作,replaceWith()和replaceAll()方法:

replaceWith() :将所有匹配的元素替换成指定的HTML或DOM元素。

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

在如下的代码中,首先使用标签选择器获取span,b,i标签,然后调用replaceWith()方法将其替换为h3标签。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><span>123</span><b>123</b><i>123</i><script>$("span,b,i").replaceWith("<h3>HelloWorld</h3>");</script></body>
</html>

而这段代码中,是使用h3标签调用replaceAll()方法,在参数列表中传入span,b,i标签的jQuery对象。两个程序的运行结果如下:

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><span>123</span><b>123</b><i>123</i><script>$("<h3>HelloWorld</h3>").replaceAll("span,b,i");</script></body>
</html>

jQuery中的replaceWith和replaceAll方法相关推荐

  1. JQuery中的replaceWith与replaceAll

    一.replaceWith <html><head><meta charset="UTF-8"><title></title& ...

  2. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong>    $("#tow").attr("class&q ...

  3. 流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法

    问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...

  4. jquery中prop()方法和attr()方法

    接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...

  5. js进阶 10-3 jquery中为什么用document.ready方法

    js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

  6. html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片

    (1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...

  7. jQuery中的append()和appendTo()方法

    jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...

  8. Java中String对象的replaceAll方法调用性能优化小技巧

    Java中String对象的replaceAll方法调用性能优化小技巧 0x01 Java中String对象的replaceAll方法调用性能优化小技巧 1.1 What? 1.2 Why? 1.3 ...

  9. jQuery中replaceWith()与replaceAll()方法

    replaceWith()与replaceAll()两个方法作用相同. 见代码 <!DOCTYPE html> <html><head><meta chars ...

最新文章

  1. 【English】哈佛大学用这12张图,让你远离负能量
  2. fastboot 重启到recovery
  3. IoT 云服务加速产业创新,推进规模商用
  4. cp分解实现_如何用贝叶斯高斯张量分解修复缺失数据?(Jupyter notebook - Python)
  5. 【渝粤题库】陕西师范大学201571金融法作业(专升本)
  6. 吐血整理!12种通用知识图谱项目简介
  7. tkinter Scale滑块
  8. MyEclipse用(JDBC)连接SQL出现的问题~
  9. 机器视觉——IC芯片字符检测打光实例
  10. 敏捷:什么是用户故事(User Story)
  11. 如何下载sonar?
  12. [原创]集成了网络/加密解密/大数运算/位运算等功能的dll
  13. 文本去重方法——SimHash
  14. 2021SC@SDUSC Zxing开源代码(九)Wifi 二维码结果处理
  15. SEO优化外包 避坑指南
  16. CTF训练(密码学)——Atbash Cipher
  17. 寒武纪上半年营收1.7亿扣非后亏7.6亿 招银减持套现超3亿
  18. python 柱状图 内部颜色_Matplotlib/seaborn柱状图使用不同的颜色分组存储箱
  19. html下拉框12个月,html 如何实现一个“圆角select下拉菜单”呢?
  20. kdj值应用口诀_KDJ应用口诀,一文教你巧妙利用KDJ买卖股票

热门文章

  1. PHP如何将图像转换为base64编码格式
  2. 微信可以设置雪花昵称了,真漂亮!!!
  3. 再见Logging ! Python 记录日志该换这个了!
  4. java概述与第一个程序
  5. c#服务器后台搭建_【成都】九强通信 | 国企招聘C#、C++、Web前端,期待你的加入!...
  6. linux按照日期压缩解压文件
  7. 人民日报推荐一:涨知识的这些中国古代历史典故,一定要让你的孩子看看
  8. XMIND 画流程图
  9. http 521.li 784.html,index.html
  10. STM32中GPIO口八种工作模式简介及LED灯测试