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

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

為什么不定位圖像呢？

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

演示

Answer 2

您可以使用this選擇器。 這將選擇您單擊的元素（圖像）。

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

</script>