jquery - 使用jQuery .hover函数

我有一些跨度，我试图切换使用jQuery和CSS可见性属性将指针悬停在其上时的显示（display属性也很好，但两者都无法正常工作）。跨度的代码如下：

.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>

最佳答案

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;
}