javascript - 在不改变鼠标位置的情况下从 JS 执行 mouseover()

Question

我有一个div，mouseover之后它改变了这里的内容，我怎么可以不用鼠标执行mouseover，这可能吗？

鼠标悬停前我的 div:

<div id="divId" class="some_css_class" style="visibility: visible;">
<div style="visibility: hidden;">
      <p>Test</p>
   </div>
</div>

鼠标悬停后我的 div:

<div id="divId" class="some_css_class" style="visibility: visible;">
    <div style="visibility: visible;">
          <p>Test</p>
       </div>
    </div>

Answer 1

您可以使用触发功能模拟事件，但在触发事件之前您必须指定其功能

    $('#divId').on('mouseover', function(){
        $(this).find('>:first-child').css('visibility','visible');
    });
    // Line below triggers the event programmatically on load 
    $('#divId').trigger('mouseover');

查看此 fiddle 以获取更多引用 http://jsfiddle.net/Aerious/nLf90cyt/