jquery操作HTMLwrap，wrapAll，wrapInner区别

1、jq里面有很多相同的属性，网上大部分都是官方解释，今天说说自己对wrap方法的理解。1.wrap()-语法：$("被选元素").wrap("html内容或者元素");理解：把每个“被选元素”都 包裹（放置）到HTML内容或者元素中，相当于给每个”被选元素“加直接父级。举例：$("p").wrap("<div></div>"); 网页里每个：<p>这是p1段落</p><p>这是p2段落</p>执行后变成了： <div><p>是p1段落</p></div><div><p>是p2段落</p></div>

2、2.wrapALL()-语法：$("被选元素").wrapAll("html内容或者元素");失窝蜜琶理解：把所有“被选元素”都 包裹（放置）到HTML内容或者元素中，相当于给每个”所有被选元素“一起加一个直接父级举例：$("p").wrapALL("<div></div>"); 网页里所有：<p>这是p1段落</p><h1>这是p中间的h1</h1><p>这是p2段落</p>执行后变成了：<div> <p>是p段落</p> <p>这是p2段落</p></div> <h1>这是p中间的h1</h1>

3、3.wrapInner()-语法：$("被选元素").wrapInner("html内容或者元素");理解：在每个“被选元素”内部 放置 HTML内容或者元素，相当在每个”被选元素“下面加了直接子集举例：$("p").wrapInner("<b></b>");网页里有：<p>这是p1段落</p><h1>这是p中间的h1</h1><p>这是p2段落</p>执行后变成了：<p><b>这是p1段落</b></p><h1>这是p中间的h1</b></h1><p><b>这是p2段落</b></p>

4、4.unwap()-语法： $("被选元素").unwrap();理解：删除每个“被选元素”的直接父级举例：$("p").unwrap();网页里有：<div><article><p>这是 article元素中的段落。</p></article></div><article><p>这是 article 元素中的段落。</p></article>执行后变成：<div><p>这是 article元素中的段落。</p></div><p>这是 article 元素中的段落。</p>