如何将此jQuery代码转换为普通的Javascript？

要将jQuery代码转换为普通的JavaScript，可以按照以下步骤进行：

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

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

1. 等待页面加载完成：在JavaScript代码中，使用$(document).ready()函数来确保页面加载完成后再执行代码。这可以确保DOM元素已经准备好使用，例如：

$(document).ready(function() {
  // 在这里编写jQuery代码
});

1. 替换jQuery选择器：将jQuery选择器替换为普通的JavaScript选择器。例如，将$(".my-class")替换为document.querySelectorAll(".my-class")。
2. 替换jQuery事件处理：将jQuery事件处理方法替换为普通的JavaScript事件处理方法。例如，将$(".my-button").click(function() { ... })替换为document.querySelector(".my-button").addEventListener("click", function() { ... })。
3. 替换jQuery DOM操作：将jQuery的DOM操作方法替换为普通的JavaScript DOM操作方法。例如，将$(".my-element").addClass("active")替换为document.querySelector(".my-element").classList.add("active")。
4. 替换jQuery AJAX请求：将jQuery的AJAX请求方法替换为普通的JavaScript的XMLHttpRequest或fetch API。例如，将$.ajax({ ... })替换为：

var xhr = new XMLHttpRequest();
xhr.open("GET", "url", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理响应数据
  }
};
xhr.send();

1. 替换其他jQuery方法：根据具体情况，将其他jQuery方法替换为普通的JavaScript方法。可以参考jQuery官方文档或其他JavaScript文档来查找替代方法。

综上所述，以上是将jQuery代码转换为普通的JavaScript的基本步骤。根据具体的代码和需求，可能需要进行一些额外的调整和修改。