社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

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

raziel • 4 年前 • 1647 次点击  

我想在另一个元素悬停时将带有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>