js或者jq可以模拟鼠标悬停在div上吗

Question

有个hover悬停效果，想一进入页面模拟鼠标悬停让它显示效果，可以吗

Answer 1

1、初始化时，添加hover的class；
2、鼠标划入后，删除hover的class；

<style>
    .app {
        width: 100px;
        height: 100px;
        background: antiquewhite;
    }
    .app.hover {
        background: aquamarine;
    }
    .app:hover {
        background: aquamarine;
    }
</style>

<div id="app" class="app hover">
</div>

<script>
  document.getElementById('app').onmouseenter = function () {
    this.className = 'app'
 }
</script>

Answer 2

可以添加一个特殊的calss样式，进入页面时候添加到指定的元素上，实现hover显示的效果，当鼠标移动的时候去除这个class样式，原来的就用css伪类或者onmouseover