如何将鼠标悬停在div框上并使其第一个孩子出现?

Fromiletta

这是代码,后面是我的问题...

jQuery的

$(document).ready(function(){
    $('.dude').hover(function(){
        $('div').find(">:first-child").css( "display", "inline" );
    }, function() {
    $('div').find(">:first-child").css( "display", "hidden" );
    );
});

的CSS

.dude{
    min-height:50px;
}

的HTML

<div class="dude">ONE<div>TWO</div>three</div>

当我将鼠标悬停在带有“ dude”类的div框上时,我试图使两个只要用户悬停就出现,然后又回到隐藏状态。

巴尔玛

您可以使用CSS来做到这一点:

.dude > :first-child {
    display: none;
}

.dude:hover > :first-child {
    display: inline;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将鼠标悬停在第一个div上时需要将鼠标悬停在第二个div上

当我将鼠标悬停在边框上时,另一个元素略微移动了,如何使其保持在原位?

如何将鼠标悬停在一个 div 上以触发两个不同 div 的更改?

将鼠标悬停在另一个div上时如何显示div

如何建立链接,以便每当我将鼠标悬停在链接上时,鼠标指针的右侧就会出现一个DIV(带有文本)?

将鼠标悬停在另一个div上时更改div

将鼠标悬停在一个div上时更改其他div的类

将鼠标悬停在多个 div 上显示一个 div

如何获得一个链接,以将鼠标悬停在鼠标悬停时忽略它?

将鼠标悬停在另一个元素上时如何向上滚动div

将鼠标悬停在ID上可显示另一个Div

将鼠标悬停在一个列表元素上,会影响div Only CSS

将鼠标悬停在另一个元素上时删除<div>元素

<li>填充过渡内的<a>标签在将鼠标悬停在第一个元素上时移动列表

将鼠标悬停在另一个 div 上时更改一个 div 的样式

将鼠标悬停在一个div上以显示另一个div

当我们将鼠标悬停在另一个div上时,隐藏的div出现并移动

当我将鼠标悬停在另一个时,jQuery仅显示一个div

将鼠标悬停在一个 div 上会使另一个消失

将鼠标悬停在 DIV 上时如何使其移动

将鼠标悬停在 1 个 div 上以更改另一个 div 中的内容

将某个div的宽度增加10%,同时将鼠标悬停在另一个div上

如何在另一个div的顶部添加文本div,同时保持将鼠标悬停在其下方的div上的能力?

将鼠标悬停在另一个元素上时使元素出现并进行调整

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

更改div的内容:在将鼠标悬停在另一个div上之前无法正常工作

仅使用CSS将鼠标悬停在另一个div上时显示div

将鼠标悬停在一个div上时,更改其他多个div的样式

jQuery将鼠标悬停在另一个div上时更改div的边框颜色