您的位置:首页 > Web前端 > JQuery

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() 方法都可以实现元素节点的替换,二者最大的区别在

于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中

所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。

多思考,多创新,才是正道!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息