您的位置:首页 > Web前端 > JQuery

jQuery删除,添加节点

2017-09-17 10:39 274 查看
jQuery删除子节点的方法总结:(用ul中的li作为例子)
        1、remove()
              $('ul li').remove():li节点本身及其所有后代节点都被删除;返回值是一个被删除节点的引用,因此可以在以后在次使用这                                               些节点
        2、detach()
             $('ul li').detach(): 同remove()一样,但是他不会把匹配的元素从jquery对象中删除,所以可以在将来在使用这些匹配的元                                              素
        3、empty()
             $('ul li').empty():清空元素中所有后代的节点
jQuery添加子节点的方法总结:

        .html如下:<div<p>hello</p></div>
         var list = '<i>ok</i>'
         1、append():           $("div").append(list);
        显示效果: 向匹配元素的内部的末尾添加节点  <div>
<p>hello</p>
<i>ok</i>
</div>         2、prepend():       $("div").prepend(list);
         显示效果:向匹配元素的内部的开头添加节点         <div>
<i>ok</i>
<p>hello</p>
</div>           3、after():               $('div').after(list);
           显示效果:在匹配元素之后添加节点 <div>
<p>hello</p>
</div>
<i>ok</i>
         4、before():           $('div').before(list);
         显示效果:在匹配元素之前添加节点
<i>ok</i>
<div>
<p>hello</p>
</div>

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: