首页 > Web开发 > 详细

jQuery文档处理

时间:2017-02-10 01:35:04      阅读:147      评论:0      收藏:0      [点我收藏+]

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

 

 

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



 

jQuery文档处理

原文:http://www.cnblogs.com/jingmin/p/6384653.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!