替换页面上的内容，可以使用 .replaceAll() … 还有 replaceWith() …

.replaceAll() 这个方法里的参数是要替换的内容的目标 … 也就是我们可以先设置一些内容 … 再使用 replaceAll() 这个方法 … 在这个方法里去指定内容要替换的目标 …

.replaceWith() 这个方法里的参数是要替换的内容 … 或者用函数返回来的内容 … 先去选择要替换的地方 .. 再用 replaceWith() 方法指定要替换的内容 …

测试

下面我们再去看一下这两个方法的使用 …

比如我们要把页面上所有的 h6 这个标题元素替换成指定的内容 … 可以先选择所有的 h6 元素 … 使用 .replaceWith() 这个方法 .. 方法里面指定要替换成的内容 ..

$( '.album h6' ).replaceWith( '<h5>Coldplay</h5>' )

现在，页面上所有的 h6 元素，都会使用一个 h5 元素替换掉 … 里面的内容是 Coldplay …

.replaceAll()

下面我们再用 .replaceAll() 这个方法去做同样的事 … 先指定内容 … 调用 .replaceAll() 方法 … 方法里面是要替换内容的目标 …

$( '<h5>Coldplay</h5>' ).replaceAll( '.album h6' )

结果是一样的 .. 使用了一个带 Coldplay 文字的 h5 元素 … 替换掉了页面上的所有的 h6 元素 …