javascript – 使用jQuery使用li悬停使图像消失

当鼠标悬停在元素上并显示鼠标离开元素时,尝试在li中隐藏img.
我后来想要一个段落显示li类的名称来代替图像,但我想专注于隐藏图像.

我已经搞砸了一段时间了,即使在查看与此相关的其他帖子之后,我似乎无法弄清楚出了什么问题.

<ul id="language">
    <li class="a"><img src="img/a.png" alt="a"></li>
    <li class="b"><img src="img/b.png" alt="b"></li>
</ul>
<script src="//code.jquery.com/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="nameDisplay.js" type = "text/javascript" charset="utf-8"></script>

在nameDisplay.js中

$('#language li').hover(function(){
    $(this 'img').hide();
}, function(){
    $(this 'img').show();
});

解决方法:

只需使用css,无需使用jQuery

#language li:hover img{
    display: none;
}

标签：jquery,javascript,css,html,jquery-hover
来源： https://codeday.me/bug/20190623/1272763.html