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>

我用 (this) 调用 div，并且我想选择类为“top”的图像进行动画处理。

我已经尝试过

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

但它不起作用。 有谁知道执行此选择的正确语法？谢谢

Answer 1

你需要写 $('img.top', this); context 参数是第二个。

它相当于$(this).find('img.top')。

Answer 2

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

尝试一下 ^^^^^^^
:-)

还要确保它在 dom 存在时运行或将其包装在：

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

Answer 3

如果你想确保在 div class="block" 内的图像 class="top" 上进行动画处理，你可以这样做：

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

显然，如果你在一个使用 class 块对 div 进行操作的函数，您可以更改为：

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

查看此处演示 将鼠标悬停在 div 上将使用 $(this) 来执行动画...