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

这会找到您正在悬停的元素中的所有<img>元素...跳过几个步骤$(selector, context)必须弄明白它真的 a {{1}打电话。此外，不需要动画回调...它们是可选的，所以如果您正在做任何事情，请将它们关闭。