如何将此代码转换为jQuery每个函数？

将代码转换为jQuery每个函数的步骤如下：

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

将代码包裹在jQuery的文档就绪函数内：使用jQuery的文档就绪函数$(document).ready()，确保代码在DOM加载完成后执行。将原始代码放入该函数内，例如：

$(document).ready(function() {
  // 原始代码
});

使用jQuery选择器替换原始代码中的DOM选择器：将原始代码中的DOM选择器替换为jQuery选择器，以便使用jQuery的功能和方法操作DOM元素。例如，将原始代码中的document.getElementById('elementId')替换为$('#elementId')。
使用jQuery方法替换原始代码中的DOM操作：将原始代码中的DOM操作方法替换为对应的jQuery方法。例如，将原始代码中的element.innerHTML替换为element.html()，将element.addEventListener('click', function(){})替换为element.on('click', function(){})。
使用jQuery事件处理函数替换原始代码中的事件处理：将原始代码中的事件处理函数替换为jQuery的事件处理函数。例如，将原始代码中的onclick替换为click，将onmouseover替换为mouseenter。
使用jQuery AJAX方法替换原始代码中的AJAX请求：将原始代码中的AJAX请求方法替换为jQuery的AJAX方法，例如将原始代码中的XMLHttpRequest替换为$.ajax()。
使用jQuery动画效果替换原始代码中的动画效果：将原始代码中的动画效果方法替换为jQuery的动画效果方法，例如将原始代码中的element.style.animation替换为element.animate()。
使用jQuery插件替换原始代码中的功能扩展：如果原始代码中使用了其他JavaScript插件或库的功能，可以尝试使用jQuery的插件来替代。查找适合的jQuery插件，并按照插件文档进行使用。