wrap()与wrapAll()与wrapInner()

1.wrap(内容)

此方法用于给所匹配的所有标签添加(括号内内容)

例如

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<a>百度</a>
        <a>QQ</a>
		
        <script>
			$("a").wrap("<div></div>");
		</script>
	</body>
</html>

结果为QQ与百度一起被一个div标签包裹

2.wrapAll()

此方法用于

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<span>百度</span>
		<span>百度</span>
		<span>百度</span>
		<script>
			$("span").wrap("<div></div>");
		</script>
	</body>
</html>

结果如图

3.wrapInner()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<div>百度</div>
		<script>
			$("div").wrapInner("<a href='http://www.baidu.com'></a>");
		</script>
	</body>
</html>

结果为<div><a href='http://www.baidu.com'>百度</a></div>

4.unwrap() :移出匹配元素的父元素,用于取消 .wrap()方法的效果。

发布了30 篇原创文章 · 获赞 1 · 访问量 759

猜你喜欢

转载自blog.csdn.net/nairuozi/article/details/103000833