JQuery操作文档之删除节点

本文介绍了JQuery中删除和清空节点的方法。remove()可从DOM中删除匹配元素及后代节点,返回被删节点引用,还可重新添加;也可用appendTo()简化操作。empty()则是清空元素的后代节点,并非删除节点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JQuery提供了两种方法来删除节点:remove()empty()

1.remove()

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

值得一提的是:当使用remove()删除某个节点后,该节点所包含的的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。如:

var $li = $(“ul li:eq(0)”).remove();//获取第一个li元素节点后将它从页面删除

$li.appendTo(“ul”);//将刚才删掉的节点重新添加到ul中, 并作为最后一个元素

 

也可以直接使用appendTo()方法的特性来简化上面的代码,appendTo()方法除了有追加的功能外还有移动元素的功能,移动元素时需要先删掉元素在将元素插入到指定节点,因此以上代码可以简化为:

$(“ul li:eq(0)”).appendTo(“ul”);

 

2.empty()

严格来说,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。

如:

$(“ul li:eq(0)”).empty();

运行此代码会发现,第一个li的内容被清空了只剩下li标签默认的符号·,也就是清空了litext()值,li元素并没有被移除。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值