jQuery中的replaceWith和replaceAll方法
在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方法相关推荐
- JQuery中的replaceWith与replaceAll
一.replaceWith <html><head><meta charset="UTF-8"><title></title& ...
- JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
- 流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
- jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
- js进阶 10-3 jquery中为什么用document.ready方法
js进阶 10-3 jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...
- html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...
- jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
- Java中String对象的replaceAll方法调用性能优化小技巧
Java中String对象的replaceAll方法调用性能优化小技巧 0x01 Java中String对象的replaceAll方法调用性能优化小技巧 1.1 What? 1.2 Why? 1.3 ...
- jQuery中replaceWith()与replaceAll()方法
replaceWith()与replaceAll()两个方法作用相同. 见代码 <!DOCTYPE html> <html><head><meta chars ...
最新文章
- 【English】哈佛大学用这12张图,让你远离负能量
- fastboot 重启到recovery
- IoT 云服务加速产业创新,推进规模商用
- cp分解实现_如何用贝叶斯高斯张量分解修复缺失数据?(Jupyter notebook - Python)
- 【渝粤题库】陕西师范大学201571金融法作业(专升本)
- 吐血整理!12种通用知识图谱项目简介
- tkinter Scale滑块
- MyEclipse用(JDBC)连接SQL出现的问题~
- 机器视觉——IC芯片字符检测打光实例
- 敏捷:什么是用户故事(User Story)
- 如何下载sonar?
- [原创]集成了网络/加密解密/大数运算/位运算等功能的dll
- 文本去重方法——SimHash
- 2021SC@SDUSC Zxing开源代码(九)Wifi 二维码结果处理
- SEO优化外包 避坑指南
- CTF训练(密码学)——Atbash Cipher
- 寒武纪上半年营收1.7亿扣非后亏7.6亿 招银减持套现超3亿
- python 柱状图 内部颜色_Matplotlib/seaborn柱状图使用不同的颜色分组存储箱
- html下拉框12个月,html 如何实现一个“圆角select下拉菜单”呢?
- kdj值应用口诀_KDJ应用口诀,一文教你巧妙利用KDJ买卖股票
热门文章
- PHP如何将图像转换为base64编码格式
- 微信可以设置雪花昵称了,真漂亮!!!
- 再见Logging ! Python 记录日志该换这个了!
- java概述与第一个程序
- c#服务器后台搭建_【成都】九强通信 | 国企招聘C#、C++、Web前端,期待你的加入!...
- linux按照日期压缩解压文件
- 人民日报推荐一:涨知识的这些中国古代历史典故,一定要让你的孩子看看
- XMIND 画流程图
- http 521.li 784.html,index.html
- STM32中GPIO口八种工作模式简介及LED灯测试