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