replaceWith()方法(替换成):

replaceWith(content|fn) :将所有匹配的元素替换成指定的HTML或DOM元素,将调用方法的对象替换成方法中的参数对象

代码示例:

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

运行结果:

replaceAll()方法(替换掉):

replaceAll(selector):用匹配的元素替换掉所有 selector匹配到的元素,调用方法的对象将方法中的参数对象替换掉

代码示例:

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

运行结果:

jQuery中replaceWith()方法与unwarp()方法相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

  7. 让jquery中的load不缓存方法

    2019独角兽企业重金招聘Python工程师标准>>> 最近使用jquery中的load,发现IE内核的浏览器,页面只加载一次.修改了加载的页面,运行后还是之前原来的数据,刚开始以为 ...

  8. jquery中prop()方法和attr()方法的区别浅析

    引用:http://www.jb51.net/article/41170.htm 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该 ...

  9. ajax用post方法,jquery中get,post和ajax方法的使用小结

    在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){ //1.获取文本框的数据 // ...

  10. jquery中阻止事件冒泡的方法

    2019独角兽企业重金招聘Python工程师标准>>> 根据<jquery基础教程> 第一种方法:判断事件的"直接"目标是否是自身,如果不是自身,不予 ...

最新文章

  1. windows 80端口被占用的解决方法
  2. 过采样为什么能提高信噪比
  3. input框的内容变化监听
  4. OC画笔CGContextRef
  5. 《算法竞赛进阶指南》打卡-基本算法-AcWing 90. 64位整数乘法:位运算
  6. 爬虫_python3_requests_2
  7. 嵌入式xworks系统初始化(PowerPC汇编)
  8. 网络监控系统安装的4种方式,安防必备
  9. mybatis:在springboot中的配置
  10. c#不可忍受之慢——谁是罪魁祸首
  11. Linux命令中的常用符号解释(zz)
  12. 苹果 macOS 11 Big Sur初体验, 升还是不升?
  13. 计算机网络基础知识框架
  14. 希捷“固件门”,影响深远啊
  15. 金山毒霸推新产品金山卫士 正面狙击奇虎360
  16. 大一C语言大作业_网吧收费管理系统
  17. mysql扫盲篇_MySQL小白扫盲(一)
  18. 黑莓手机刷Linux系统
  19. 1525D. Armchairs
  20. java代码获取银行实时汇率

热门文章

  1. Linux-安装JDK并配置JDK环境变量
  2. android圆角矩形编辑框,AndroidUi(2)-圆角矩形
  3. linux中touch命令如何使用方法,Linux系统下touch命令的使用方法
  4. 基于JavaEE的中通快递管理系统_JSP网站设计_SqlServer数据库设计
  5. JVM-13-Class文件结构
  6. threejs + vue 倒入ade文件实现动画效果
  7. Python数据分析实战【六】:用Python实现自动发送邮件和发送钉钉消息【文末源码地址】
  8. 图片助手image assistant
  9. MongoDB查询某个时间范围
  10. 目前Python就业前景怎么样?国内就业机会多吗?