在jQuery中修改Css类

Question

我有这个CSS类：

    .tooltip:hover > b {
        opacity: 1;
        visibility: visible;
        display: inline;
        margin-top:30px;
    }

现在，我需要使用jQuery将显示更改为none。我试过了

     $('.tooltip').find('b').css('display', 'none');

和

     $('.tooltip').hover(function(){
        $(this).css('display', 'none');
     });

但是他们正在将显示更改为无。我怎样才能做到这一点？

Answer 1

$('.tooltip').hover(function(){
        $(this).find('b').css('display', 'none');
     });

Answer 2

试试这个

$('.tooltip b').hover(function(){
        $(this).hide();
     });

Answer 3

你不需要弄乱display，也不需要做两步选择：一个选择器就足够了。

简单地说：

$('.tooltip b').hide();

Answer 4

原因如下：.css('display', 'none');

使用.css({'display' : 'none'});确保它是冒号＆＃34;：＆＃34;但不是逗号＆＃34;，＆＃34;他们在花括号内。