javascript - jQuery 隐藏和仅显示源文件

Question

我只使用了 jQuery 库的一小部分:仅使用 hide() 和 show()。

我见过在 javascript 中实现了等效功能的线程，但是 jQuery 版本上的动画非常好。我不知道是否可以只提供 jQuery 代码。

Answer 1

简单显示/隐藏功能的最佳(也就性能而言)实践是引入 CSS 类，例如

.hidden {
  display: none !important;
}

如果您有此类，则可以使用 classList 属性在元素上切换它。以下是一些用法。

element.classList.remove("hidden");
element.classList.add("hidden");
element.classList.toggle("hidden");

最大的优势之一是您不会丢失原始的显示。例如，如果您定义了 inline-block，那么使用 block/none CSS 方法会将您的 display 重置为 block.