replace()和replaceAll()的区别和用法
2020-01-05 本文已影响0人
一岁倾城
一、replace()和replaceAll()的区别
相同处：
1、replace()和replaceAll()都可以替换字符串
不同处：
1、replace()方法：
（1）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串；
（2）该方法仅用于JavaScript里 。
2、replaceAll()方法：
（1）把被选元素替换为新的 HTML 元素；
（2）仅用于jquery里。
二、replace和replaceAll的语法
replace语法：string.replace(searchvalue,newvalue)：
（1）返回值：string是被替换后的新元素；
（2）参数：searchvalue规定子字符串或要替换的模式的 RegExp 对象；
（3）参数：newvalue规定了替换文本或生成替换文本的函数。
replaceAll语法：$(content).replaceAll(selector)：
（1）返回值：content是规定要插入的内容（必须包含 HTML 标签）。
（2）参数：selector规定哪一个元素将被替换。
三、实例
<body>
<div id="box">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<script src="js/jquery-3.3.1.js"></script>
<script>
//replace方法
var repaceBox = '<div id="test"><ul><li>1</li></ul></div>'；
var test = repaceBox.replace('<li>','<li style="color:red;">');
//replaceAll方法
$("<li><b>Hello world!</b></li>").replaceAll("li:last");
</script>
</body>
四、查看效果
1、replace()方法（如图所示）
image.png
2、replace()方法：
（1）没有replaceAll()前：
image.png
（2）执行replaceAll()后：
image.png
以上就是replace和replaceAll方法的用法和区别，如有错误请大神指出。ฅ( ̳• ·̫ • ̳)
