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，我想选择带有'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="top"内的图片class="block"上设置动画，则可以执行以下操作：

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

显然，如果您在使用类块操作div的函数内部，则可以更改为：

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

查看demo here 将鼠标悬停在div上将使用$（this）来制作动画......