replace()和replaceAll()的区别和用法

一、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方法的用法和区别，如有错误请大神指出。ฅ( ̳• ·̫ • ̳)

replace()和replaceAll()的区别和用法

一、replace()和replaceAll()的区别

二、replace和replaceAll的语法

三、实例

四、查看效果

推荐阅读更多精彩内容