jquery - 使用 jQuery .hover 函数

Question

我有一些跨度，我试图使用 jQuery 和 CSS 可见性属性(显示属性也很好，但两者都不起作用)来切换指针悬停在它们上面时的显示。 spans的代码如下:

.buy1 {
  visibility: hidden;
}

<span class="buy1">
  <h3><a href="#">buy</a></h3>
</span>

可能的原因是我的 jQuery 是错误的，因为它不是我的强项。有人有更好的建议吗？

<script type="text/javascript">
$( document ).ready(function() {
 
    $( "span.buy1" ).hover(function() {
 
        $("span.buy1").css("visibility","visible");
 
    });
 
});
</script>

Answer 1

怎么样this

JQUERY

$(document).ready(function () {
    $("span.buy1 a").hover(function () {
        $(this).stop().animate({"opacity" : "1"});
    }, function () {
        $(this).stop().animate({"opacity" : "0"});
    });
});

CSS

.buy1 a{
    opacity:0;
}