Jquery 试图在网站加载时隐藏图像，但有一个显示该图像的按钮_Jquery

Jquery 试图在网站加载时隐藏图像，但有一个显示该图像的按钮

jquery

Jquery 试图在网站加载时隐藏图像，但有一个显示该图像的按钮,jquery,Jquery,我不知道这为什么不起作用，请保持简单我需要它也是JQuery，因为这是我需要在JQuery上做的一种练习 <script> $(document).ready(function(){ $(".kuva1").hide() }); $(document).ready(function(){ $("button").click(function(){ $("#kuva1").fadeIn(5000); }); }); </

我不知道这为什么不起作用，请保持简单

我需要它也是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>


$（文档）.ready（函数（）{
$（“.kuva1”）.hide（）
});
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（#kuva1”）。法代因（5000）；
});
});
显示图像

尝试使用。而不是#因为你没有身份证，只有班级

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

除了使用正确的选择器（

是类，而不是

是ID）之外，我建议您使用CSS隐藏：

<head>
  <style>.kuwa1 { display:none;width:384px;height:216px;}</style>
  <script src="jquery.js"></script>
  <script>
   $(function() { 
     $("button").on("click",function(e){ 
      e.preventDefault(); 
      $(".kuva1").fadeIn(5000);
     });
   });
   </script>
 </head>
 <body>
   <button type="button">Show Image</button>
   <div id="div1">
     <img class="kuva1" src="./kuvat/daisy.jpg"/>
   <div>
</body>


.kuwa1{显示：无；宽度：384px；高度：216px；}
$（函数（）{
$（“按钮”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
美元（“.kuva1”）.fadeIn（5000）；
});
});
显示图像

顺便说一句，您不需要两个不同的

$（文档）.ready（函数（）{