如何将此jQuery代码转换为Vanilla JS？

将jQuery代码转换为Vanilla JS意味着将使用jQuery库的代码改写为使用纯JavaScript来实现相同的功能。下面是将jQuery代码转换为Vanilla JS的一般步骤：

引入JavaScript文件：在HTML文件中，使用<script>标签引入jQuery库的JavaScript文件，例如：

<script src="jquery.min.js"></script>

替换选择器：将jQuery选择器替换为纯JavaScript的选择器。例如，将$(".class")替换为document.querySelectorAll(".class")。
替换DOM操作：将jQuery的DOM操作方法替换为纯JavaScript的DOM操作方法。例如，将$(".class").addClass("new-class")替换为：

var elements = document.querySelectorAll(".class");
for (var i = 0; i < elements.length; i++) {
  elements[i].classList.add("new-class");
}

替换事件处理：将jQuery的事件处理方法替换为纯JavaScript的事件处理方法。例如，将$(".class").click(function() { ... })替换为：

var elements = document.querySelectorAll(".class");
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("click", function() {
    // 处理事件的代码
  });
}

替换AJAX请求：将jQuery的AJAX请求方法替换为纯JavaScript的AJAX请求方法。例如，将$.ajax({ ... })替换为fetch(url, options)。
替换动画效果：将jQuery的动画效果方法替换为纯JavaScript的动画效果方法。这可能需要使用CSS过渡或动画属性来实现相同的效果。

需要注意的是，由于jQuery是一个功能强大且广泛使用的库，将所有功能都转换为纯JavaScript可能会比较困难。因此，建议根据具体的需求和代码复杂度来决定是否进行转换。

以上是将jQuery代码转换为Vanilla JS的一般步骤，具体的转换过程可能因代码的复杂性而有所不同。