jquery - 在悬停添加/删除类到 div 孩子

Question

是否可以向正在悬停的 div 的子级添加一个类？我尝试使用这个脚本：

            $('.star, .ship').hover(
            function()
            { 
                $(this).children().removeClass('hidden');               },
            function() 
            { 
                $('.child').addClass('hidden'); 
            }
            );

但是它不起作用。

Answer 1

只需将您$('.child')的第 7 行更改为您在第 4 行所做的：$(this).children()。

$('.child')将得到任何与 class child，而不是对象的子对象未悬停。

编辑：您的最终代码如下所示：

$('.star, .ship').hover(function(){
    $(this).children().removeClass('hidden');
},function(){
    $(this).children().addClass('hidden'); 
});

Answer 2

查看mouseenter和mouseleave事件处理程序

就像是

$('.star, .ship').mouseenter(function{
    $(this).children().removeClass('hidden'); 
}) 

$('.star, .ship').mouseleave(function{
    $(this).children().addClass('hidden'); 
})