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()方法的效果。