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但是类

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

Answer 2

除了使用正确的选择器（.是类，而不是#是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>

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

2 个答案: