Jquery中替换节点的方法replaceWith()和replaceAll()
2014-09-22 09:25
585 查看
本文转自:http://www.cnblogs.com/shuang121/archive/2011/12/27/2303748.html
在jquery中,我们可以通过replaceWith()和replaceAll()方法来替换元素中的节点。
语法格式:replaceWith(content) 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。
replaceAll(selector) 替换指定的selector元素。
示例:在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容。
<span style="font-size:18px;"> <script type="text/javascript">
$(function() {
$("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
$("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
})
</script>
</head>
<body>
<p>姓名:<span id="Span1"></span></p>
<p>邮箱:<span id="Span2"></span></p>
</body></span>
注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在
于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中
所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。
多思考,多创新,才是正道!
在jquery中,我们可以通过replaceWith()和replaceAll()方法来替换元素中的节点。
语法格式:replaceWith(content) 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。
replaceAll(selector) 替换指定的selector元素。
示例:在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容。
<span style="font-size:18px;"> <script type="text/javascript">
$(function() {
$("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
$("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
})
</script>
</head>
<body>
<p>姓名:<span id="Span1"></span></p>
<p>邮箱:<span id="Span2"></span></p>
</body></span>
注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在
于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中
所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。
多思考,多创新,才是正道!
相关文章推荐
- Jquery中替换节点的方法replaceWith()和replaceAll()
- Jquery中替换节点的方法replaceWith()和replaceAll()
- jQuery替换节点用法示例(使用replaceWith方法)
- jquery 替换节点 replaceWith(), 和replaceAll( )
- DOM替换replaceWith()和replaceAll() 之前学习了节点的内插入、外插入以及删除方法,这节会学习替换方法replaceWith .replaceWith( newConten
- JQuery替换DOM节点的方法
- jquery删除,添加,替换,复制节点的几种常用方法
- 纯js与jquery两种方法,获得某元素同级节点内容,进行值替换
- JQuery替换DOM节点的方法
- 避免使用jQuery的html方法来替换标签,而是使用replaceWith方法
- jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
- 【JQuery】replaceWith()和replaceAll()替换内容
- jQuery插入,复制、替换和删除节点
- 【jquery】结合class选择器、next、prev方法实现相邻的节点展开隐藏效果
- replace和replaceAll是JAVA中常用的替换字符的方法
- jquery html移动,复制,替换函数(append,clone,replaceWith等)
- JQuery DOM 替换节点
- jQuery基础教程之DOM操作-遍历节点-children()方法
- 对字符串使用replaceAll()方法替换 * ? + / | 等字符的时候会报以下异常
- Web Services类型请求中替换XML格式的节点值的方法