1.wrap 把所有匹配的元素用其他元素的结构化标记包裹起来。(我的理解就是给匹配的元素穿一件衣服)
把所有的段落用一个新创建的div包裹起来
$("p").wrap("<div class=‘wrap‘></div>");
2.unwrap 这个方法将移出元素的父元素(为匹配的元素脱去衣服)
把段落标签外的div去掉
HTML代码:
<div> <p>Hello</p> <p>cruel</p> <p>World</p> </div>
JS代码:
$("p").unwrap()
3.wrapInner 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
为所有的p标签,每个都套上b标签
HTML代码:
<p>Hello</p> <p>cruel</p> <p>World</p>
js代码:
$("p").wrapInner("<b></b>");
效果:
<b><p>Hello</p></b> <b><p>cruel</p></b> <b><p>World</p></b>
4.detach() 从DOM中删除所有匹配的元素。
从DOM中把所有段落删除
HTML代码:
<p>Hello</p> how are <p>you?</p>
JS代码:
$("p").detach();
唉....吃坏肚子了,难受啊.. 明天再接再厉吧
原文:http://www.cnblogs.com/jingmin/p/6384653.html