博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery中替换节点的方法replaceWith()和replaceAll()
阅读量:7071 次
发布时间:2019-06-28

本文共 646 字,大约阅读时间需要 2 分钟。

在jquery中,我们可以通过replaceWith()和replaceAll()方法来替换元素中的节点。

语法格式:replaceWith(content) 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。

                    replaceAll(selector)  替换指定的selector元素。

示例:在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容

 

 1     <script type="text/javascript">
 2         $(
function() {
 3             $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
 4             $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
 5         })
 6     </script>
 7 </head>
 8 <body>
 9     <p>姓名:<span id="Span1"></span></p>
10     <p>邮箱:<span id="Span2"></span></p>
11 </body>

注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在

于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中
所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。

转载地址:http://eikml.baihongyu.com/

你可能感兴趣的文章
联想IPMI固件SMASH-CLP 管理
查看>>
glance镜像元数据
查看>>
个人起始
查看>>
二进制单位
查看>>
二叉树的线索化
查看>>
我的友情链接
查看>>
[每日短篇] 10 - Docker 清理无用的镜像
查看>>
我的友情链接
查看>>
thinkphp 生成 excel 文件
查看>>
free()
查看>>
Sort Array By Parity
查看>>
部署 Lync 2010 移动电话(Internal)
查看>>
Android应用程序在新的进程中启动新的Activity的方法和过程分析
查看>>
解析DELL R710服务器迁移操作内容
查看>>
parted用法
查看>>
转 > map和reduce 个数的设定 (Hive优化)经典
查看>>
eclipse安装pydev插件时没有任何错误提示,但是就是装完了后不显示pydev的设置项...
查看>>
IDC:中国安全市场发展潜力巨大
查看>>
javaScript中的this指针
查看>>
arp简析
查看>>