jQuery.addClass无效

Question

这看起来有效，但它不起作用。当菜单悬停时，我希望'huh'div变得不透明。我用fadein / out尝试了这个并且它工作但只是奇怪的一次。

 <script type="text/javascript">
    $( function() {
        $('#menuNav').hover( function() {
            $('#huh').addClass('.opacity');
        }, function(){
            $('#huh').removeClass('.opacity');
        });
    });

</script>

.opacity {
    opacity: 0.3;
}

Answer 1

不带点使用它：

 $(function(){

        $('#menuNav').hover(function(){

            $('#huh').addClass('opacity');
        }, function(){
            $('#huh').removeClass('opacity');
        });
    });

Answer 2

.hover()制作了很多活动，最好使用.mouseenter()。 请注意，在添加课程时，您没有.（点）。

$(function(){

        $('#menuNav').mouseenter(function(){

            $('#huh').addClass('opacity');
        }, function(){
            $('#huh').removeClass('opacity');
        });
    });

Answer 3

$( function() {
    $('#menuNav').hover( function() {
        $('#huh').toggleClass('opacity');
    });
});

Answer 4

使用此删除.

    $('#huh').addClass('opacity'); // remove .

 $('#huh').removeClass('opacity'); // remove .

==============

或习惯

toggleClass in jquery

---

$(function(){

        $('#menuNav').hover(function(){
            $('#huh').toggleClass('opacity');
        });
    });

<强> More about this

Answer 5

试试这个

 <script>
    $(function(){
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
 });

</script>

Answer 6

.和addClass中的班级名称中有removeClass，您需要在调用这些方法时添加和删除不带点。即。

$(function() {
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
});

Answer 7

.删除然后使用此javascript

 $(function(){
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
 });

Answer 8

试试这个

$("#menuNav").mouseenter(function() {
    $('#huh').addClass('opacity');
}).mouseleave(function() {
    $('#huh').removeClass('opacity');
});

Answer 9

示例：使用h1更改jquery字体颜色：

$(function(){$('h1').addClass('correct');});

希望这会有所帮助。