jquery 使用 div 和图像优化悬停事件

Question

代码：

    $('.featured').hover(
    function() {
        $(this).addClass('active');
        $('img',this).fadeTo('slow', 0.5, function() {})
    },
    function() {
        $(this).removeClass('active');
        $('img',this).fadeTo('slow', 1, function() {})
    });

我该如何改进？

我记得有人曾经告诉我不要使用

$('img', this) ..

但我不知道如何访问悬停在任何其他方式上的 DIV 中的图像。

谢谢 ！

Answer 1

您可以使用 .find()，如下所示：

$('.featured').hover(function(event) {
    $(this).addClass('active').find('img').fadeTo('slow', 0.5);
}, function() {
    $(this).removeClass('active').find('img').fadeTo('slow', 1);
});

这会找到任何 元素位于您悬停的元素内...跳过几个步骤 $(selector, context) 必须采取才能确定它确实< /em> $(context).find(selector) 调用。另外，也不需要动画回调...它们是可选的，因此如果您在其中执行任何操作，请将它们保留。