wrap(html|ele|fn)：把所有匹配的元素用其他元素的结构化标记包裹起来。
wrapAll
(
html|ele
)
：将所有匹配的元素用一个元素来包裹，而
wrap()
方法是将所有的元素进行单独包裹。
wrapInner
(
html|ele|fn
)
：将每一个匹配的元素的
子内容
(
包括文本节点
)
用其他结构化标记包裹起来
.
unwrap() ：移出匹配元素的父元素，用于取消 .wrap()方法的效果。
1、wrap：
<!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("<a href='http://www.baidu.com'></a>");
</script>
</body>
</html>
效果 百度 有了a标签。
2、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标签。
3、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").wrapAll("<a href='http://www.baidu.com'></a>");
</script>
</body>
</html>
效果：三个百度 在一行 都加了a标签
4、unwrap：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div>
<a href="http://www.baidu.com"><span id="link">百度</span></a>
</div>
<script>
$("#link").unwrap();//div标签不会去掉
</script>
</body>
</html>效果： 百度的a标签被删除。
