javascript - jQuery .hover 更改非子元素的 css

标签 javascript jquery hover

我一直在尝试让一个元素(A)的显示阻塞,当另一个元素(B)将鼠标放在它上面时,然后在鼠标离开A后将其返回到无,这是迄今为止我的尝试:

首先这是 HTML 的一部分

..
<ul>
<li class="firstli">
       <img class="userLogo" src="media/images/eSahara.jpg"><a href="">Configurer</a></li>
       <li><a href="" class="clear">Supprimer</a></li>
       <li><a href="logout">Déconnecter</a></li>
</ul>
      </li>                    
          </ul>
<div id="cimsgContainer"><p>Changer votre <br> image de profile</p></div>

现在我的尝试

<script type="text/javascript">
$(".userLogo").mouseenter(function(){$("#cimsgContainer").css("display","block");});
$(".userLogo").mouseleave(function(){$("#cimsgContainer").css("display","none");});
</script>


<script type="text/javascript">
    $(".userLogo").hover(function(){$("#cimsgContainer").css("display","block");},function(){$(this).css("display","none");});
    </script>

非常重要的说明:我已经做了研究,我发现的只是当父级悬停时更改子级的 CSS,在我的例子中,B 不是 A 的子级,A 也不是子级B. A的id = #cimsgContainer; B 的 id = #userLogo 谢谢您

最佳答案

<ul>
<li class="firstli">
       <img class="userLogo" src="media/images/eSahara.jpg"><a href="">Configurer</a></li>
       <li><a href="" class="clear">Supprimer</a></li>
       <li><a href="logout">Déconnecter</a></li>
</ul>
      </li>                    
          </ul>
<div id="cimsgContainer"><p>Changer votre <br> image de profile</p></div>
<script>
$(".userLogo").hover(function(){ $("#cimsgContainer").css("display", "block"); }, function(){ $("#cimsgContainer").css("display", "none");});
</script>

似乎对我有用。

这是你想要的吗?

关于javascript - jQuery .hover 更改非子元素的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16267173/

相关文章:

javascript - Grails 将 JSON 发送为 "text",但 IE 加载其 ajax 的 URL 并显示其响应 : why?

c# - WPF ListView 标题悬停/按下颜色

css - 由于悬停时的过渡/缩放,移动设备上的滚动困难

HTML/CSS - 不再悬停时保持悬停效果

JavaScript - 将尴尬的字符串转换为日期

Javascript jQuery 。在相同数据日期时添加类

javascript - 如何在 Javascript 中循环十六进制?

Javascript 变量声明为代码并重用

javascript - 出于某种原因,我的页脚不太适合移动设备

javascript - .parentsUntil( $(e.target).parents ('ul' ).length === 1 )