Javascript 悬停事件时隐藏div

我想隐藏悬停事件上的div'sample'，需要在mouseout上显示div'sample'

$（'.secmenu'）。悬停（函数（）{
$（'.sample'）.css（'opacity'，'0'）；
如果（$（'.secmenu'）.mouseleave（））{
$（'.sample'）.css（'opacity'，'1'）；
}
});

hello div示例文本内容hello div示例文本内容

$（'.secmenu'）.mouseenter（函数（）{//hide div on mouse enter
$（'.sample'）.hide（）；
}).mouseleave（函数（）{//show div在鼠标左键
$（'.sample'）.show（）；
});

hello div示例文本内容hello div示例文本内容

$（'.secmenu'）.mouseenter（函数（）{//hide div on mouse enter
$（'.sample'）.hide（）；
}).mouseleave（函数（）{//show div在鼠标左键
$（'.sample'）.show（）；
});

hello div示例文本内容hello div示例文本内容
这可以在css中完成。不需要jQuery：


.secmenu:hover+.sample{
显示：无；
}

hello div示例文本内容hello div示例文本内容
这可以在css中完成。不需要jQuery：


.secmenu:hover+.sample{
显示：无；
}

hello div示例文本内容hello div示例文本内容
在
悬停时隐藏div，并在
鼠标移动时显示div
事件。您需要绑定
mouseleave
事件，而不是在
if
条件下写入它

$(document).ready(function () {

    $('.secmenu').hover(function () {

        $('.sample').css('opacity', '0');

    });
    $('.secmenu').mouseleave(function () {
        $('.sample').css('opacity', '1');
    });
});

在
鼠标悬停时隐藏div
并在
鼠标悬停时显示div
事件。您需要绑定
mouseleave
事件，而不是在
if
条件下写入它

$(document).ready(function () {

    $('.secmenu').hover(function () {

        $('.sample').css('opacity', '0');

    });
    $('.secmenu').mouseleave(function () {
        $('.sample').css('opacity', '1');
    });
});

试试这个：


$（'.secmenu'）。在（'mouseenter'，function（）上{
$（'.sample'）.css（'opacity'，'0'）；
}).on（'mouseleave'，function（）{
$（'.sample'）.css（'opacity'，'1'）；
});

hello div示例文本内容hello div示例文本内容
试试这个：


$（'.secmenu'）。在（'mouseenter'，function（）上{
$（'.sample'）.css（'opacity'，'0'）；
}).on（'mouseleave'，function（）{
$（'.sample'）.css（'opacity'，'1'）；
});

hello div示例文本内容hello div示例文本内容
如果
.sample
是
.secmneu
的下一个兄弟，则不需要JavaScript或jQuery。你可以用纯CSS来做


.sample{
过渡：不透明度0.25秒；
不透明度：0；
}
.secmenu:悬停+示例{
不透明度：1；
}

hello div示例文本内容hello div示例文本内容
如果
.sample
是
.secmneu
的下一个兄弟，则不需要JavaScript或jQuery。你可以用纯CSS来做


.sample{
过渡：不透明度0.25秒；
不透明度：0；
}
.secmenu:悬停+示例{
不透明度：1；
}

hello div示例文本内容hello div示例文本内容
根据：

将一个或两个处理程序绑定到匹配的元素，在鼠标指针进入和离开元素时执行

.悬停（handlerIn，handlerOut）

所以你可以这样做（）：

这相当于：

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

根据：

将一个或两个处理程序绑定到匹配的元素，在鼠标指针进入和离开元素时执行

.悬停（handlerIn，handlerOut）

所以你可以这样做（）：

这相当于：

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );