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>
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>
相关文章推荐
- Jquery动态添加及删除页面节点元素
- jquery 删除节点 添加节点 找兄弟节点的简单实现
- 为jquery-easyui 树添加,删除,修改树的节点
- jQuery学习笔记--remove()删除选择的节点,applend() 添加到节点
- JQuery给select添加/删除节点
- 【jquery】删除节点 添加节点 找兄弟节点
- jquery 删除节点 添加节点 找兄弟节点
- jquery添加及删除节点
- JQuery给select添加/删除节点的实现代码
- 【jquery】删除节点 添加节点 找兄弟节点
- JQuery给元素添加/删除节点比如select
- Jquery动态添加及删除页面节点元素示例代码
- jquery删除,添加,替换,复制节点的几种常用方法
- JQuery给select添加/删除节点的实现代码
- jquery的节点添加与删除
- JQuery给元素添加/删除节点比如select
- Jquery动态添加及删除页面节点元素示例代码
- JQuery的html元素捕获、设置、元素添加与删除
- jquery动态添加删除div
- redis集群(单机模拟)动态添加、删除节点