如何隐藏几个类，但在用JS DOM单击后单独隐藏。JS的新特性&经历了一段艰难的时光

隐藏几个类并在单击后单独隐藏是通过JavaScript DOM操作实现的。下面是完善且全面的答案：

在JavaScript中，可以使用classList属性来操作HTML元素的类。要隐藏一个元素，可以将其对应的类设置为隐藏的样式，比如设置display属性为none。要隐藏多个元素，可以给它们共同的类名，并通过classList来添加或移除这个类名。

下面是具体步骤：

1. 为需要隐藏的元素添加共同的类名，比如"hide"。
2. 使用document.querySelectorAll方法来选取所有拥有这个共同类名的元素。
3. 遍历选中的元素列表，使用classList.add方法来给每个元素添加一个点击事件监听器。
4. 在事件监听器内部，使用this关键字来表示被点击的元素本身。
5. 使用classList.remove方法来移除被点击元素的共同类名，实现单独隐藏的效果。

下面是示例代码：

// HTML
<!-- 隐藏的元素 -->
<div class="hide">元素1</div>
<div class="hide">元素2</div>
<div class="hide">元素3</div>

// JavaScript
// 获取所有需要隐藏的元素
const hiddenElements = document.querySelectorAll('.hide');

// 给每个元素添加点击事件监听器
hiddenElements.forEach(element => {
  element.addEventListener('click', function() {
    // 隐藏被点击的元素
    this.classList.remove('hide');
  });
});

这样，当点击每个被隐藏的元素时，该元素将会单独隐藏。

关于JS的新特性，经历了一段艰难的时光，JavaScript在不断演进中引入了很多新特性来改善语言本身的功能和性能。例如，ES6（ECMAScript 2015）引入了let和const关键字、箭头函数、模板字符串、解构赋值等特性。ES7（ECMAScript 2016）引入了async/await关键字用于处理异步操作。ES8（ECMAScript 2017）引入了async迭代器、SharedArrayBuffer、Atomics等特性。此外，ES9（ECMAScript 2018）和ES10（ECMAScript 2019）也带来了许多新的功能和语言改进。

以上是隐藏几个类并在用JS DOM单击后单独隐藏的解决方法，希望能对您有所帮助。