javascript - 如何使用 jquery 淡出多个图像？

Question

我想在点击图片后延迟 3 秒淡出这 3 张图片。我目前编写的代码不起作用。有人可以解释为什么吗？谢谢你!我认为“this”指的是 3 个 id 标签。

另外，如果有更简单的方法，请分享。

<script>

$(function(){
  ('#img1, #img2, #img3').click(function() {
    $(this).fadeOut(3000);
  });
});
</script>


<div class="flex-container">
 <img id="img1" src="http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/google_logo.jpg">
 <img id="img2" src="http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/google_logo.jpg">
 <img id="img3" src="http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/google_logo.jpg">
</div>

</body>
</html>

Answer 1

fadeOut 会在 3 秒内淡出图像，3 秒后不会，使用

$('.image').click(function() {
    setTimeout(function(){ 
        $(this).fadeOut(3000);
    }, 3000);
});

图像使用通用类，以便在不久的将来可以扩展。 在回调淡入淡出图像中。