replaceWith()方法(替换成):
replaceWith(content|fn) :将所有匹配的元素替换成指定的HTML或DOM元素,将调用方法的对象替换成方法中的参数对象。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<span>Hello</span>
<b>Hello</b>
<i>Hello</i>
<script>
$("span,b,i").replaceWith("<h3>Word</h3>")
</script>
</body>
</html>
运行结果:
replaceAll()方法(替换掉):
replaceAll(selector):用匹配的元素替换掉所有 selector匹配到的元素,调用方法的对象将方法中的参数对象替换掉。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<span>Hello</span>
<b>Hello</b>
<i>Hello</i>
<script>
$("<h3>Word</h3>").replaceAll("span,b,i");
</script>
</body>
</html>
运行结果: