您的当前位置:首页正文

replacewith和replaceAll有什么区别

2020-11-27 来源:榕意旅游网
jQuery中的replacewith与replaceAll的区别有:前者是用括号中的字符替换所选择的元素,后者则是用字符串替换括号中所选择的元素

jQuery中有两种方法用于指定HTML的内容或者是元素替换被选元素,它们分别是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>

效果图:

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区别

从上述的两个例子中我们可以看出这两者之间实现的功能都是一样的,用于替换文本内容,但是在实现的过程中还是存在差异的

它们之间最大的差异在于替换字符的顺序,replacewith是用括号中的字符替换所选择的元素,replaceAll则是用字符串替换括号中所选择的元素。而且替换完成,被替换元素中的全部事件都消失

总结:

显示全文