JQuery анимировать по классу

Question

Эй, ребята, я новичок в JQuery, и у меня есть вопрос об анимации ребенка определенного класса.

У меня есть следующее:

    <div class="block"><img src="a.jpg" class="top"><img src="b.jpg"></div>
    <div class="block"><img src="c.jpg" class="top"><img src="d.jpg"></div>

Я звоню в div с помощью (this) и хочу выбрать изображение с классом top для анимации.

Я пытался

$(this, 'img.top').animate({
            opacity:0
        },400);
    })

Но это не работает. Кто-нибудь знает правильный синтаксис для выполнения этого выбора? Спасибо

Answer 1

Вам нужно написать $('img.top', this); параметр context является вторым.

Это эквивалентно $(this).find('img.top').

Answer 2

Если вы хотите убедиться, что вы анимируете изображение class="top" внутри div class="block", вы можете сделать это:

$('.block').children('img.top').animate({opacity:0},400);

Очевидно, что если вы находитесь внутри функции, работающей на элементе div с блоком класса, вы можете изменить его на:

$(this).children('.top').animate({opacity:0},400);

См. Демоверсию здесь При наведении курсора на div будет использоваться $ (this) для анимации ...

Answer 3

$('img.top').hover(function(){$(this).animate({
            opacity:0
        },400);});

попробуйте это ^^^^^^^
: -)

также убедитесь, что это работает, когда дом есть, или заверните его:

$(function(){/*jquery stuff*/});