replaceWith():将所有指定的标签替换成指定的HTML或DOM元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>replaceWith()</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<b onclick="replace()">替换</b>
<div>清华大学</div>
<span>清华大学</span>
<p>清华大学</p>
<script type="text/javascript">
function replace(){
$("div,span,p").replaceWith("<h1>北京大学</h1>");
}
</script>
</body>
</html>
页面加载完成后是下面的效果:
点击“替换”后变成下面的效果:
replaceAll():用指定的标签替换掉所有匹配到的元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>replaceAll()</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<b onclick="replace()">替换</b>
<div>清华大学</div>
<span>清华大学</span>
<p>清华大学</p>
<script type="text/javascript">
function replace(){
$("<h1>北京大学</h1>").replaceAll("div,span,p");
}
</script>
</body>
</html>
页面加载完成后是下面的效果:
点击“替换”后变成下面的效果: