jQuery中replaceWith()方法与unwarp()方法
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()方法相关推荐
- 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中的 ...
- 让jquery中的load不缓存方法
2019独角兽企业重金招聘Python工程师标准>>> 最近使用jquery中的load,发现IE内核的浏览器,页面只加载一次.修改了加载的页面,运行后还是之前原来的数据,刚开始以为 ...
- jquery中prop()方法和attr()方法的区别浅析
引用:http://www.jb51.net/article/41170.htm 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该 ...
- ajax用post方法,jquery中get,post和ajax方法的使用小结
在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){ //1.获取文本框的数据 // ...
- jquery中阻止事件冒泡的方法
2019独角兽企业重金招聘Python工程师标准>>> 根据<jquery基础教程> 第一种方法:判断事件的"直接"目标是否是自身,如果不是自身,不予 ...
最新文章
- windows 80端口被占用的解决方法
- 过采样为什么能提高信噪比
- input框的内容变化监听
- OC画笔CGContextRef
- 《算法竞赛进阶指南》打卡-基本算法-AcWing 90. 64位整数乘法:位运算
- 爬虫_python3_requests_2
- 嵌入式xworks系统初始化(PowerPC汇编)
- 网络监控系统安装的4种方式,安防必备
- mybatis:在springboot中的配置
- c#不可忍受之慢——谁是罪魁祸首
- Linux命令中的常用符号解释(zz)
- 苹果 macOS 11 Big Sur初体验, 升还是不升?
- 计算机网络基础知识框架
- 希捷“固件门”,影响深远啊
- 金山毒霸推新产品金山卫士 正面狙击奇虎360
- 大一C语言大作业_网吧收费管理系统
- mysql扫盲篇_MySQL小白扫盲(一)
- 黑莓手机刷Linux系统
- 1525D. Armchairs
- java代码获取银行实时汇率
热门文章
- Linux-安装JDK并配置JDK环境变量
- android圆角矩形编辑框,AndroidUi(2)-圆角矩形
- linux中touch命令如何使用方法,Linux系统下touch命令的使用方法
- 基于JavaEE的中通快递管理系统_JSP网站设计_SqlServer数据库设计
- JVM-13-Class文件结构
- threejs + vue 倒入ade文件实现动画效果
- Python数据分析实战【六】:用Python实现自动发送邮件和发送钉钉消息【文末源码地址】
- 图片助手image assistant
- MongoDB查询某个时间范围
- 目前Python就业前景怎么样?国内就业机会多吗?