onhover默认情况下js中的第一个div处于活动状态

   // 获取第一个div元素
   var firstDiv = document.querySelector("div:first-of-type");
   
   // 添加鼠标悬停事件监听器
   firstDiv.addEventListener("mouseover", function() {
       // 添加活动状态的class
       this.classList.add("active");
   });
   
   // 添加鼠标离开事件监听器
   firstDiv.addEventListener("mouseout", function() {
       // 移除活动状态的class
       this.classList.remove("active");
   });

   // 获取第一个div元素
   var firstDiv = $("div:first");
   
   // 添加鼠标悬停事件处理函数
   firstDiv.hover(function() {
       // 添加活动状态的class
       $(this).addClass("active");
   }, function() {
       // 移除活动状态的class
       $(this).removeClass("active");
   });