warp,warpInner相对于append,prepend内部追加而言,是将元素包裹起来(就是成为它的父元素包裹或是子元素包裹),也是比较常用的方法
下面简单解释用法及应用
元素1.warp(标签):用标签包裹元素1
元素2.warpInner(标签):用标签包裹元素2内部
元素3.warpAll(标签):所有元素3均被一个标签包裹
举个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style></style>
<script src="../lib/jquery-1.12.4.js"></script>
<div>我是div1</div>
<div>我是div2</div>
<span>我是span1</span>
<span>我是span2</span>
<p>我是p1</p>
<p>我是p2</p>
<p>我是p3</p>
<script>
$(function () {
//添加到末尾
$("div").wrap($("<a href='javasrcipt(0)'></a>"));
$("span").wrapInner($("<b></b>"));
$("p").wrapAll($("<a href='javascript(0)'></a>"));
})
</script>
</body>
</html>
结果:
其实网页上并看不出什么,主要要看代码
在Elements中,可以发现
这就是它们的不同
参考菜鸟教程: