博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery -- 删除节点
阅读量:6122 次
发布时间:2019-06-21

本文共 677 字,大约阅读时间需要 2 分钟。

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

测试所用HTML代码:

你最喜欢的水果是?

  • 苹果
  • 橘子
  • 菠萝

 

1、remove()方法

$("ul li").click(function(){    alert($(this).html());});var $li = $("ul li:eq(1)").remove();$li.appendTo("ul");

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

 

2、detach()方法

var $li = $("ul li:eq(1)").detach();$li.appendTo("ul");

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

 

3、empty()方法

var $li = $("ul li:eq(1)").empty();$li.appendTo("ul");

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

 

转载于:https://www.cnblogs.com/hf8051/p/4444307.html

你可能感兴趣的文章
vue组件开发练习--焦点图切换
查看>>
浅谈OSI七层模型
查看>>
Webpack 2 中一些常见的优化措施
查看>>
移动端响应式
查看>>
python实现牛顿法求解求解最小值(包括拟牛顿法)【最优化课程笔记】
查看>>
js中var、let、const的区别
查看>>
腾讯云加入LoRa联盟成为发起成员,加速推动物联网到智联网的进化
查看>>
从Python2到Python3:超百万行代码迁移实践
查看>>
Windows Server已可安装Docker,Azure开始支持Mesosphere
查看>>
简洁优雅地实现夜间模式
查看>>
react学习总结
查看>>
微软正式发布PowerShell Core 6.0
查看>>
Amazon发布新的会话管理器
查看>>
InfoQ趋势报告:DevOps 和云计算
查看>>
舍弃Python,为什么知乎选用Go重构推荐系统?
查看>>
在soapui上踩过的坑
查看>>
MySQL的字符集和字符编码笔记
查看>>
ntpd同步时间
查看>>
must implement java.io.Serializable hessian
查看>>
Microsoft Licenses Flash Lite for Windows Mobile Users
查看>>