Jquery 如何淡出淡出每个列表元素内的相对链接

我是jQuery新手，我正在尝试制作一个简单的fadein fadeout动画，以在实践中制作到目前为止所学的内容，不幸的是，我没有得到我想要的结果 我有一个列表元素，每个li元素中都有一个链接： 我想要的：当我滚动一个li元素时，我想要相对的

链接淡入，而当我滚动时，我想要它淡出。下面是我的代码：

$(function(){
    $("a.viewAllProductsLink").hide();
    $(".scrollable ul>li").each(function(){

        $(this).mouseenter(function(){
            $("a.viewAllProductsLink").fadeIn("slow");    
        })
        .mouseleave(function(){
            $("a.viewAllProductsLink").fadeOut("slow");
        });
    });    
});

调用

$（'a.viewAllProductsLink'）

时，您选择的是该类的所有链接，而您要做的是只选择要滚动的元素中的链接。为此，请使用

$（this）.find（）

：

此外，在此处使用

.each（）

效率很低，因为所有元素的行为都是相同的，您可能希望在动画之前使用，以防止在多次快速悬停在元素上或离开元素时动画队列堆积：

$(function(){
    $("a.viewAllProductsLink").hide();
    $(".scrollable ul>li").mouseenter(function(){
            $(this).find("a.viewAllProductsLink").stop(true,true).fadeIn("slow");  
        })
        .mouseleave(function(){
            $(this).find("a.viewAllProductsLink").stop(true,true).fadeOut("slow");
        });
    }); 
});

调用

$（'a.viewAllProductsLink'）

时，您选择的是该类的所有链接，而您要做的是只选择要滚动的元素中的链接。为此，请使用

$（this）.find（）

：

此外，在此处使用

.each（）

效率很低，因为所有元素的行为都是相同的，您可能希望在动画之前使用，以防止在多次快速悬停在元素上或离开元素时动画队列堆积：

$(function(){
    $("a.viewAllProductsLink").hide();
    $(".scrollable ul>li").mouseenter(function(){
            $(this).find("a.viewAllProductsLink").stop(true,true).fadeIn("slow");  
        })
        .mouseleave(function(){
            $(this).find("a.viewAllProductsLink").stop(true,true).fadeOut("slow");
        });
    }); 
});

---

是的，很有效，先生，谢谢你的快速反应。根据您的经验，什么是开始深入jquery的最佳方式，我正在阅读《行动手册》中的jquery，但我觉得有点迷茫，所以plzI通过使用本网站，通过筛选、实现和实验所有使用。。。除此之外，这应该是很多事情要做。在实际的JavaScript中获得一个好的基础也会有很长的路要走。谢谢，我会坚持这两个站点，jQuery官方网站和jsFoDel.是的，先生，谢谢你的快速响应。根据您的经验，什么是开始深入jquery的最佳方式，我正在阅读《行动手册》中的jquery，但我觉得有点迷茫，所以plzI通过使用本网站，通过筛选、实现和实验所有使用。。。除此之外，这应该是很多事情要做。在实际的JavaScript中获得一个好的基础也会有很长的路要走。谢谢，我会坚持这两个站点，jQuery官方网站和JSFIDLE。