Jquery学习笔记:删除节点的操作
2016-02-18 08:59
597 查看
假设如下的html代码
有下面的方法可以进行删除节点操作:
$("#mydiv").remove(); //remove方法删除mydiv节点本身,以及其下的所有内容,以及子节点
$("#mydiv").empty(); //empty不删除mydiv节点本身,只清空节点下的内容(包括子节点)
$("#mydiv").children().remove(); //删除mydiv下的所有子节点。主要其下的文本不会被删除,如上面的xxx信息不会被删除
$("#mydiv div").remove(); //效果同$("#mydiv").children().remove();
总结下,在大部分场景下,要删除所有子节点,就用empty方法;要删除自身及子节点,就用remove方法。
<div id="mydiv" style="width:100px;height:100px;border:1px solid red"> xxx <div>s1</div> <div>s2</div> </div>
有下面的方法可以进行删除节点操作:
$("#mydiv").remove(); //remove方法删除mydiv节点本身,以及其下的所有内容,以及子节点
$("#mydiv").empty(); //empty不删除mydiv节点本身,只清空节点下的内容(包括子节点)
$("#mydiv").children().remove(); //删除mydiv下的所有子节点。主要其下的文本不会被删除,如上面的xxx信息不会被删除
$("#mydiv div").remove(); //效果同$("#mydiv").children().remove();
总结下,在大部分场景下,要删除所有子节点,就用empty方法;要删除自身及子节点,就用remove方法。
相关文章推荐
- jquery ajax全局方法的使用
- jQuery插件实现适用于移动端的地址选择器
- JavaScript与jQuery实现的闪烁输入效果
- 基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
- jQuery文本框表情插件
- 事件委托和jQuery事件绑定
- 关于jquery跨域请求方法
- jquery取不到cookie中的值(本地有cookie但就是无法取到对应的值)
- javascrip jquery 学习随笔
- jQuery.on() 函数详解
- jQuery 获取不到 kindeditor 内容 的解决方法
- jQuery原理系列-常用Dom操作
- jquery animate实现动态进度条
- jquery 中post 、get的同步问题
- Plantom JS 使用jQuery
- jquery动态添加或删除表(table)的行(tr)
- jQuery Ajax 简单的实现跨域请求
- JQuery中DOM事件合成用法
- 使用jquery获取同组单选框中被选中项的value或给同组单选框赋值
- jQuery之DOM操作大全