jquery提供了三种删除节点的方法，即remove()，detach()和empty()。

1.remove()方法

作用是从DOM中删除所有的匹配的元素，传入的参数用于根据jquery表达式来筛选元素。

当某个节点用remove()方法删除后，该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。这样就可以灵活地移动元素的位置。

2.detach()方法

detach()和remove()一样，也是从DOM中去掉所有匹配的元素。但需要注意的是，这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

3.empty()方法

严格来讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点。此方法与remove和detach的不同之处在于它清空的是选中元素的子节点，而不是元素本身。

4.实例代码:

remove.jsp

detach.jsp

empty.jsp

5.运行效果：

remove.jsp

detach.jsp

empty.jsp

6.相关参考

以上即为jquery删除节点相关内容。

jquery之删除节点相关推荐

尚硅谷：jQuery的删除节点
1.jQuery的删除节点 2.代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w ...
【jquery】删除节点添加节点找兄弟节点
一些简单的内容, 加深印象记录下来: $().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会被删除$().remove(); //该方法会删除当前节点下的所有子节点, ...
【jQuery笔记Part4】01-jQuery-节点操作-添加节点-删除节点-复制节点
节点操作添加节点静态页面内部添加(父子关系) append(): 添加节点->追加到最后 (父子关系) appendTo(tag): 把创建的节点添加到指定节点之后(父子关系) prepe ...
52-jQuery删除节点相关方法
学习了jQuery的删除节点一些方法. remove和detach的用法一模一样,删除指定元素. empty的用法是删除指定元素的内容和子元素,但指定元素本身不被删除,有清空的意思. <!DOC ...
Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...
jQuery:插入,复制,替换和删除节点
<html> <head> <meta http-equiv="Content-Type" content="text/html; ...
浅析jQuery删除节点的三个方法
jQuery提供了三种删除节点的方法,即remove(),detach()和empty(). 测试所用HTML代码: <p title="选择你最喜欢的水果?">你最喜 ...
jquery 元素节点操作 - 创建节点、插入节点、删除节点
jquery的节点操作说明前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的. 使用html()操作节点首先编写一个div包含一个 ...
html点击按钮清空元素,jQuery怎么删除元素节点
jquery删除元素节点的方法非常简单,我们可以直接通过remove()方法来进行删除节点操作. 下面我们就结合简单的代码示例,给大家详细介绍jquery删除节点元素的方法. 代码实例如下: jque ...

jquery之删除节点

1.remove()方法

2.detach()方法

3.empty()方法

4.实例代码:

5.运行效果：

6.相关参考

jquery之删除节点相关推荐

最新文章

热门文章