jquery - 尝试在网站加载时隐藏图像，但有一个按钮显示它

Question

我不确定为什么这不起作用，保持简单。

我也需要它是 JQuery，因为这是我需要在 JQuery 上进行的练习

<script>
$(document).ready(function(){
    $(".kuva1").hide()
        });

$(document).ready(function(){
    $("button").click(function(){
        $("#kuva1").fadeIn(5000);
    });
});
</script>

<button type="button">Show Image</button>

<div id="div1">
<img class="kuva1" src="./kuvat/daisy.jpg" style="width:384px;height:216px;">
<div>

Answer 1

尝试使用 .而不是 #，因为你没有 id，只有 class

$(document).ready(function(){
$("button").click(function(){
    $(".kuva1").fadeIn(5000);
});
});