用 jquery 或原生 js 添加 hover 属性

用 jquery 给 dom 元素添加 hover 属性

// html 代码
<span class="test">请把鼠标放在上面</span>

/*
* js 代码
* hover 函数接收两个参数，这两个参数也是函数
* 第一个参数是鼠标悬浮时触发，第二个参数是鼠标离开时触发
*/
$('.test').hover(function() { // 鼠标悬浮时触发
  $('.test').css('color', 'blue')
}, function() { // 鼠标离开时触发
  $('.test').css('color', 'unset')
})

用 js 给 dom 元素添加 hover 属性

// html 代码
<span class="test">请把鼠标放在上面</span>

// 鼠标移入事件
document.querySelector('.test').onmouseover = function() {
  document.querySelector('.test').style.color = 'blue'
}

// 鼠标移出事件
document.querySelector('.test').onmouseout  = function() {
  document.querySelector('.test').style.color = 'unset'
}