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

 

 

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



 

posted @ 2017-02-09 23:44  小king哥  阅读(336)  评论(0编辑  收藏  举报