Jquery鼠标悬停问题

Jquery mouse hover issue

本文关键字：问题 悬停 鼠标 Jquery      更新时间：2023-09-26

我有一个小问题，我的鼠标悬停功能对我的图像。当你将鼠标悬停在一个图像上时，它会导致悬停状态在所有图像上都处于活动状态。[1]有人知道我哪里做错了吗?

//javascript
$(".tint").hover(function(){
$('.hover-hide').toggleClass('hidden');
});

//HTML 

<figure class="tint">
    <div class="hover-content hover-hide hidden">
        <a class="roll-over" href="#"><img class="img_hover" src="img/home-hover-bg.png" alt="hover"/></a>
    </div>
    </figure>

$(".tint").hover(function(){
    $(this).find('.hover-hide').toggleClass('hidden');
});

使用 this 来指向你要悬停的元素

$(".tint").hover(function(){
     $(this).find('.hover-hide').toggleClass('hidden');
});

在许多面向对象的编程语言中，this(或self)是一个关键字，该关键字可在实例方法中用于引用对象

当前正在执行的方法已在其上调用。

查找该图像对应的div:

$(".tint").hover(function(){
    $(this).children('.hover-hide').toggleClass('hidden');
});
相关文章：