Javascript JQuery mouseleave（）不工作

当我将鼠标悬停在

div

元素上时，文本会放大，但当鼠标离开

div

时，文本大小保持不变。我尝试了

mouseenter（）

、

mouseleave（）

和

hover（）

函数，但似乎没有任何效果。这是我的代码：
JQuery：

函数main（）{
第页（）；
$（'.header h1'）.delay（2000）.css（'font-size'，'50px'）；
$（'.header'）.mouseenter（函数（）{
$（'.header h1'）.css（'font-size'，'80px'）；
});
$（'.header'）.mouseleave（函数（）{
$（'header h1'）.css（'font-size'，'50px'）；
});
}
$（文件）.ready（主）

雅各布斯基
家
问询处
关于我们
联系我们
更多信息
在mouseleave事件中，您使用了错误的选择器（您使用了“header”而不是“.header”）。试试这个：

$('.header h1').css('font-size', '50px');

您错过了
.header
类名中的点（.）

$('header h1')

更正代码：

function main() {
  page();
  $('.header h1').delay(2000).css('font-size', '50px');
  $('.header').mouseenter(function() {
    $('.header h1').css('font-size', '80px');
  });
  $('.header').mouseleave(function() {
    $('.header h1').css('font-size', '50px');
  });
}
$(document).ready(main);

这是因为选择器中有一个输入错误，它应该是：

$('.header').mouseleave(function() {
  $('.header h1').css('font-size', '50px');
});

我认为
$（'header h1'）
应该是
$（'header h1'）