注册    登录
关注
Py学习  »  Jquery

如何使用jquery选择已经处于悬停状态的元素?

raziel • 4 年前 • 1666 次点击  

我想在另一个元素悬停时将带有jquery的css样式添加到一个元素中,问题是另一个元素已经有了css悬停效果,如何使用jquery将这个已经悬停的元素作为目标?是一个图像库,悬停时有一个覆盖颜色,我想做的是在库图像悬停时给h3标签添加一个不透明度效果。这是链接:estudiodecimal。com/proyectos/ 这是我试过的一些代码 

$(".et_pb_gallery_image img").on('hover', function() {
        $("h3.et_pb_gallery_title").css("opacity", 1);
    });
Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/128840
文章 [ 1 ]  |  最新文章 4 年前
Kinglish
Reply   •   1 楼
Kinglish    4 年前

你没有正确瞄准h3。因为H3和img都有一个共同的父项,所以你可以通过 closest() 和 find() ,像这样。我加入了fadeIn和fadeOut,而不是show/hide。 

$(".et_pb_gallery_image img").hover(imgHover, imgHover)

function imgHover(e) {
  let o = $(this).closest('.et_pb_gallery_item').find("h3");
  if (e.type == 'mouseenter') o.fadeIn();
  else o.fadeOut()
}
h3 {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='et_pb_gallery_item'>
  <div class='et_pb_gallery_image'>
    <img src='https://picsum.photos/200/300' />
  </div>
  <h3>Title</h3>
</div>
登录后回复
关于   移动版
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号