通过元素hover属性控制显示隐藏

纯CSS控制

1. 父子

 .father:hover  .children{
      display: none   //  或者  display: block
 }

2. 兄弟

// 网上都说是通过 .children1:hover + .children2 { display: **} 方式进行设置，亲测，无效
// 最终还是通过设置共有的父节点来设置样式的，同下
 .father:hover  .children{
      display: none   //  或者  display: block
 }

操作dom

// 通过jquery来判断元素的hover属性 true  false
if($("#statResourceFather").is(':hover') ) {}