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) нужно понять, что это действительно $(context).find(selector) звонок.Также нет необходимости в обратных вызовах анимации ... они необязательны, поэтому просто оставьте их, если вы что-то делаете в них.