如何将hover jquery转换为js pure？

将hover jQuery转换为纯JS的方法有几种。下面我将介绍两种常用的方法：

方法一：使用addEventListener方法

首先，我们需要获取目标元素，并给它添加一个事件监听器。然后，在鼠标移入和移出时触发相应的函数。在函数内部，我们可以使用classList属性来添加或移除CSS类。

// 获取目标元素
var element = document.getElementById("myElement");

// 添加鼠标移入事件监听器
element.addEventListener("mouseover", function() {
  // 添加CSS类
  this.classList.add("hover");
});

// 添加鼠标移出事件监听器
element.addEventListener("mouseout", function() {
  // 移除CSS类
  this.classList.remove("hover");
});

以上代码中，我们使用了getElementById方法获取目标元素，然后使用addEventListener方法为目标元素添加了mouseover和mouseout事件监听器。当鼠标移入时，会触发mouseover事件，并在函数内部添加一个名为"hover"的CSS类；当鼠标移出时，会触发mouseout事件，并在函数内部移除这个CSS类。

方法二：使用onmouseover和onmouseout属性

另一种常见的方法是直接使用目标元素的onmouseover和onmouseout属性。在HTML中，我们可以将这两个属性直接添加到目标元素上，并指定相应的JavaScript代码。

<div id="myElement" onmouseover="addHoverClass()" onmouseout="removeHoverClass()">Hello World</div>

<script>
function addHoverClass() {
  var element = document.getElementById("myElement");
  element.classList.add("hover");
}

function removeHoverClass() {
  var element = document.getElementById("myElement");
  element.classList.remove("hover");
}
</script>

在以上代码中，我们在目标元素上添加了onmouseover和onmouseout属性，并指定了相应的JavaScript函数addHoverClass和removeHoverClass。这两个函数内部的代码与方法一中的相同，都是使用classList属性来添加或移除CSS类。

以上是将hover jQuery转换为纯JS的两种方法。这两种方法都可以实现与hover jQuery相同的效果，而不依赖于jQuery库。