Javascript/Jquery在mouseout上隐藏所有h2

当鼠标不在页面上时，如何隐藏页面中的所有

h2

内容，并且仅在javascript或CSS中的鼠标上方/悬停时显示

$（“.redsquarecss”）
.hover（函数（）{
$（“.headers”）.show（）；
},
函数（）{
$（“.headers”）.hide（）
}
);
div.redsquarecss{
高度：150像素；
宽度：150px；
背景色：#FF0000；
}
分区标题{
显示：无；
}

这是标题2
这是标题2
这是标题2
只需在开始时隐藏所有元素，并在悬停时显示。你需要一个悬停事件的触发器，你提到它是“那个区域”

有几种方法可以实现这一点：


将css显示属性设置为none
h2{display:none}

将html设置为true

甚至css不透明度为0
h2{opacity:0}
（使用jquery
show（）不起作用
）

或者在启动时通过jquery触发它（更像脏的解决方案）
$（'h2'）.hide（）

您正在搜索的jquery方法是和
hide（）
，您还可以使用该功能播放动画

看看：