如何使用jquery或javascript更改img的透明度

我开始涉猎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>

$（“#MinecraftVideo”）。制作动画({
不透明度：“0.0”
});
$（文档）.ready（函数（）{
$（“#图片打开”）。单击（函数（）{
$（“#MinecraftVideo”）。制作动画({
不透明度：“1.0”
});
});
});

该图像具有id=“picture\u on”

---

非常感谢

为什么不以图像为目标呢

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

---

您可以使用

此

选择器。这将选择您单击的元素（图像）

$（文档）.ready（函数（）{
$（“#图片打开”）。单击（函数（）{
$（“#MinecraftVideo”）。制作动画({
不透明度：“1.0”
});
$（this.animate（{opacity:'0'}）；
});
});

这对您不起作用吗？

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

</script>