Javascript jquery mouseover（）不是'；行不通

我有一个jquery，它是用来添加一个名为“wow rubberBand”的类，它是一个特殊的类，可以为元素提供动画

然而，由于某些原因，动画没有生效

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="wow.min.js"></script>
<script>new WOW().init();</script>

<script type="text/javascript">

 $(document).ready(function() {
  $("header").mouseover(function() {
    $(this).find("span").addClass("wow rubberBand");

    })
    $("header").mouseout(function() {
    $(this).find("span").removeClass("wow rubberBand");
    });
});
</script>

新的WOW（）.init（）；
$（文档）.ready（函数（）{
$（“头”）.mouseover（函数（）{
$（this.find（“span”）.addClass（“哇橡胶带”）；
})
$（“头”）.mouseout（函数（）{
$（this.find（“span”）.removeClass（“wow rubberBand”）；
});
});

使用页面顶部的

正如@Andreas所评论的，您的代码中存在一些基本语法错误，而不是

$（this）.attr（“class”，“wow rubberBand”）

和

$（this.attr（“class”，即“）

使用

$（this.addClass（“哇橡胶带”）和<代码>$（这个）。移除类（“哇橡胶棒”）
 您可以像这样链接鼠标事件：

$thing = $('.thing'); // 'query' for this dom element and cache it - you can do this with your span things for example... 

$thing
  .on('mouseenter', function() {
    $(this).addClass("active");
  })
  .on('mouseleave', function() {
    $(this).removeClass("active");
  })
;

// this is the same...
$('.hover-thing').hover( function() {
  $(this).toggleClass("blue");
});


您还可以使用
.hover（）
或CSS
：hover
——具体取决于您正在执行的操作。我很少发现自己伸手去拿摩瑟

尽管有注释：
$（this.attr（'class'，''）
和
$（this.attr（'class'，'className'）-是更改类属性的完全有效的方法。负面的一面是，如果删除所有现有的类，您将对它们进行重击-因此
removeClass（）
是一个助手，它检查类数组中的特定类，并仅删除该类。
我认为这可能是因为您必须在文档上附加eventhandler，或者可能只是语法错误（“header”）应为“.header”）

，编辑了我的代码，但仍然没有执行它应该执行的操作…使用
$（this）。查找（“span”）
此操作将对
标题中的每个
span
运行。。你想做什么？？什么是
newwow（）.init（）
for？？如果你继续编辑你的初始代码-没有人能说出所有这些注释的意思-线程就变得毫无意义了。最好留下你最初写的东西/除了主要错误或语法、拼写或格式之外。@sherrifderek Well。。。。但是如果我不编辑我的代码，其他人就不知道我在解决这个问题上走了多远？？？事实上，我已经把它放在我发布的代码上面了。在html页面的末尾。这只是不同的版本，但没什么大不了的。但我会试一试的。一步一步解决这个问题。这行得通。嗯。。。这也是我第一次使用鼠标事件。但这仅仅是因为我在我的另一个网站上的一个段落中添加了动画。这是CSS无法实现的效果。不同的是，在我的另一个网站上，每次加载页面时，动画都会启动，但在这里，每次鼠标悬停在上面时，我都会尝试为段落设置动画。是的。。。我只是试着以与其他动画相同的方式应用动画，效果很好。它似乎对鼠标事件不起作用……不管发生了什么或没有发生什么，它都没有正确编程。所有这些东西-在语言中工作，并且在浏览器实现该语言的方式中工作。这就是为什么最好保持示例非常简单的原因。成百上千的事情可能会影响结果。
(function ($) {
    $( document ).on( 'mouseenter', '.header', {}, function( e ) {
        console.log( "hover" );
    });
})(jQuery);