replacewith和replaceAll有什么区别-js教程-PHP中文网

replacewith和replaceAll有什么区别

清浅

发布： 2019-02-21 11:03:36

原创

4632 人浏览过

jQuery中的replacewith与replaceAll的区别有：前者是用括号中的字符替换所选择的元素，后者则是用字符串替换括号中所选择的元素

jQuery中有两种方法用于指定HTML的内容或者是元素替换被选元素，它们分别是replacewith和replaceAll方法，接下来在文章中将为大家介绍这两者之间的区别，具有一定的参考作用，希望对大家有所帮助。

replacewith和replaceAll有什么区别

【推荐教程：jQuery教程】

replacewith方法

replaceWith() 方法就是把被选元素替换为新的内容，它有两个参数分别为content用来设置所要插入的内容，它可以设置为html或者DOM元素。另一个参数是function。用来返回所替换内容的函数

例：点击按钮修改文本内容

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").replaceWith("PHP中文网");
    });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮替换元素</button>

登录后复制

效果图：

replacewith和replaceAll有什么区别

replaceAll方法

replaceAll方法和replacewith方法一样都是用于把被选元素替换为新的HTML元素。它也有两个参数，其中content用于设置要插入的内容，selector用于规定哪一个元素将被替换

例：点击按钮是p元素中的段落会发生改变

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("<p>PHP中文网</p>").replaceAll("p");
	});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮进行替换</button>

登录后复制

效果图：

replacewith和replaceAll有什么区别