jQuery文档处理

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();

唉....吃坏肚子了,难受啊.. 明天再接再厉吧