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>