jQuery detach() vs remove() vs hide() [关闭]

2023-11-25

我在我的页面中使用高图表。有点重。

当用户单击按钮时,它会动态加载高图表,当用户单击close按钮,它删除/隐藏图表。

我想知道哪一个是更好的选择。

  1. 当用户点击时隐藏图表?它会减慢页面的其余部分(因为存在繁重的 javascript 和处理程序吗?)或者,

  2. remove()它,这样它使页面更轻(但是在这里,当用户再次单击按钮时,我需要再次加载图表)或者,

  3. Use detach(),这样在重新加载高图表时,它的工作速度会更快 比remove()(但它不会像 jQuery 一样使页面变得更重吗 处理人员一直在场?)

我从 jQuery 文档中知道,

。消除()

.remove() 方法从 DOM 中取出元素。使用 .remove() 时 你想要删除元素本身以及里面的所有内容 它。除了元素本身之外,所有绑定事件和 与元素关联的 jQuery 数据被删除。

。分离()

.detach() 方法与 .remove() 相同,不同之处在于 .detach() 保留与删除的元素关联的所有 jQuery 数据。这 当删除的元素要重新插入到 稍后再进行 DOM。

.hide()

匹配的元素将立即隐藏,没有动画。 这大致相当于调用 .css('display', 'none')


如果你只是想时不时地隐藏/显示一个对象,那么使用 jQuery.hide() and .show()。这是最简单的,只要您无论如何都要保留该对象,您也可以使用.hide() and .show()。除非该对象消耗大量内存,否则这不应该成为问题。

.remove()(保存并稍后将同一对象重新插入到 DOM 中时)对您来说没什么用处,因为它会破坏与该对象关联的一些数据,因此您可能无法轻松地将其重新插入页面中。

.remove()实际上让前一个对象被垃圾收集器销毁,然后在再次需要时从头开始重新创建它是最有效的内存操作,但除非它消耗大量内存或者您有很多内存(例如数千个),这样做可能只是做更多的工作,没有任何有意义的好处。

.detach()(同时保存并稍后将相同的对象重新插入到 DOM 中)可以工作,但它比.hide() and .show()而且,老实说,我相当怀疑您是否会发现这两种选择之间的差异。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery detach() vs remove() vs hide() [关闭] 的相关文章

随机推荐

  • clang 3.6倍表达左/右

    我正在尝试使用 clang 3 6 std c 1z 的折叠表达式 但我不太明白 我正在测试的功能是 auto minus auto args return args std cout lt lt minus 10 3 2 lt lt st
  • 有序列表的自定义列表样式?

    可能是一个明显的初学者问题 我正在寻找一种简单的方法来设计标准 HTML 有序列表的样式 而无需任何标签 例如以下层次结构 A One I Two 1 Three a Four aa Five I Six 1 Seven a Eight a
  • java.sql.SQLException:没有找到适合 jdbc 的驱动程序:mysql://localhost:3306/dbname [重复]

    这个问题在这里已经有答案了 我有这个Java程序 MySQLConnectExample java import java sql import java util Properties public class MySQLConnectE
  • Windows XP 支持的最高 .NET 版本 [重复]

    这个问题在这里已经有答案了 Windows XP 支持的 NET Framework 的最高版本是多少 32 位 取决于您所使用的 Windows XP 版本 Windows XP Home Edition 及以上版本最高支持 NET 4
  • Angular2选择默认第一个选项

    我如何在角度2中默认选择选择中的第一个选项以下代码似乎不起作用
  • 为什么当我按退出键时框架不关闭?

    import java awt import javax swing import java awt event public class displayFullScreen extends JFrame private JLabel al
  • ASP.NET Web API 中的 XML 命名空间

    我目前正在开发一个项目 该项目要求我从其端点输出 XML 以及 JSON 我有以下模型 DataContract Namespace http www yale edu tp cas XmlType serviceResponse XmlR
  • istream_iterator 迭代二进制文件中的字节

    给定一个包含以下十六进制代码的文件 0B 00 00 00 00 00 20 41 我正在尝试填充std vector 然后手动检查每个字节 这是我使用迭代器构造函数从两个 std istream iterators 创建向量的代码 usi
  • docker restart_policy on-failure 与 any 有什么区别

    在 docker swarm v3 文档中 可以使用 3 种不同的重启策略条件 很明显什么是none条件确实如此 但我想知道两者之间有什么区别on failure and any具体来说是 Here s a picture from the
  • 是否可以从 Objective-C 文件访问 Swift 全局变量? [复制]

    这个问题在这里已经有答案了 我正在开发一个项目 我必须使用一些 Swift 代码扩展 Objective C 应用程序 所以我需要从 m 文件访问 Swift 代码 我导入了生成的 Swift h 文件 现在我可以访问这些方法 但不能访问全
  • 在 Doctrine 2.x ORM 中使用 REGEXP

    我对此进行了大量研究 我确信答案是否定的 但我很想证明我的观点是错误的 我想执行一个用 DQL 编写的包含 REGEXP 操作的查询 例如 select from assets where campaign id 1 and fileNam
  • 为什么 Property Set 会抛出 StackOverflow 异常?

    我了解 java 并且通常会放入 getter setter 方法 我有兴趣使用以下代码在 C 中执行此操作 但它会引发 StackOverflow 异常 我究竟做错了什么 调用代码 c firstName a 财产代码 public St
  • 当在另一个下拉列表上进行选择时,如何在 Django 管理中过滤下拉列表

    我的 Django 管理站点中有两个下拉列表 例如 我有 SelectCountry 和 SelectRegion 区域与国家 地区具有外键关系 如何确保在选择某个国家 地区时 会根据该国家 地区筛选区域 注意 我也使用 django gr
  • PHP 表单 + Google reCAPTCHA

    有点奇怪的是 谷歌的 recaptcha 文档并不像我想象的那么有用 我被要求采用当前现有的表单 每天都会收到几次垃圾邮件 并使用 Google 新的验证码进行更新 旧验证码的教程有很多 但新验证码的教程却不多 我基本上只是想要一个简单的表
  • 按钮背景资源对比

    button setBackgroundResource R Drawable abc if button getBackground getResources getDrawable R drawable abc button setBa
  • java.lang.Object 的受保护方法如何免受子类的影响?

    关键词protected授予对同一包中的类和子类的访问权限 http java sun com docs books tutorial java javaOO accesscontrol html 现在 每个班级都有java lang Ob
  • 限制闪亮字段中的输入类型

    事实上 numericInput接受字符串和数字输入 如果输入一个字符串 它将被转换为NA 尝试使用下面的代码 有没有办法不允许用户在闪亮的数字字段中键入字符串 ui lt fluidPage numericInput num label
  • C 中的内存池实现

    我正在寻找一个好的 C 内存池实现 它应包括以下内容 抗碎片化 超级快 能够在某个标识符下 捆绑 不同大小的多个分配 并删除具有给定标识符的所有分配 线程安全 我认为优秀的talloc 作为 samba 的一部分开发的可能正是您正在寻找的
  • Node.js 提示符“>”在 eshell 中无法显示

    我想在eshell中运行Node js 但提示不对 那么 我该如何解决这个问题呢 另一种方法是将其添加到您的 emacs 中 setenv NODE NO READLINE 1 这种方法的好处是它也适用于您直接运行的 Node 程序的其他调
  • jQuery detach() vs remove() vs hide() [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 我在我的页面中使用高图表