jQuery中replaceWith()方法与unwarp()方法

replaceWith()方法(替换成):

replaceWith(content|fn) :将所有匹配的元素替换成指定的HTMLDOM元素,将调用方法的对象替换成方法中的参数对象

代码示例:

<!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>

运行结果:

发布了91 篇原创文章 · 获赞 10 · 访问量 8014

猜你喜欢

转载自blog.csdn.net/Liuxiaoyang1999/article/details/103016500