javascript - 如何使用 jquery 或 javascript 更改图像的透明度

Question

我开始涉足 Jquery 和 javascript，并正在寻求一些建议。我有下面的代码，当我单击图像时，视频会变得透明。但是，我需要什么代码才能在单击时使图像变得透明？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>

    $("#MinecraftVideo").animate({
                opacity: '0.0'
            });

    $(document).ready(function () {
        $("#picture_on").click(function () {
            $("#MinecraftVideo").animate({
                opacity: '1.0'
            });
        });
    });

</script>

图像的 id="picture_on"

非常感谢

Answer 1

您可以使用this选择器。这将选择您单击的元素(图像)。

<script>
$(document).ready(function () {
    $("#picture_on").click(function () {
        $("#MinecraftVideo").animate({
            opacity: '1.0'
        });
        $(this).animate({opacity: '0'});
    });
});

</script>